如何同时选择多个复选框。它不起作用 [英] How Do I Select Multiple Checkbox Simultaneously.It Is Not Working
本文介绍了如何同时选择多个复选框。它不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已完成编码以选择多个checkbox.ie通过单击一个复选框,所有都应该是select.but它不工作。下面是我的编码。请帮助我。
I have done the coding to select multiple checkbox.i.e by clicking upon one checkbox ,all should be select.but it is not working .below is my coding.please help me.
<script>
checked=false;
function checkedAll()
{
var aa= document.getElementById('frm1');
if(checked == false)
{
checked = true;
}
else
{
checked = false;
}
for (var i =0; i < aa.elements.length; i++)
{
aa.elements[i].checked = checked;
}
}
</script>
<aside class="right-side"> <
<section class="content">
<div class="row">
<div class="col-xs-12">
<div class="box">
<div class="box-header">
<h3 class="box-title">Subscriber Listing</h3>
</div>
<div class="box-body table-responsive">
<form action="<? echo $formsubmit; ?>" id="frm1" method="post" >
<table id="example2" class="table table-bordered table-hover">
<thead>
<tr>
<th width="10%" style="padding-left:5px;"><input type="checkbox" onClick="checkedAll();" name="checkall">
Select All</th>
</tr>
</thead>
<tbody>
<tr>
<td width=10%><input name="chk1[]" type="checkbox" value="<?php echo $cat['new_id'];?>" id="chk1[]" class=""/></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
</div>
</section>
</aside>
推荐答案
formsubmit; ?>id =frm1method =post>
< table id =example2class =table table-bordered table-hover>
< thead>
< tr>
< th width =10%style =padding-left:5px;>< input type =checkboxonClick =checkedAll();name = checkall>
全选< / th>
< / tr>
< / thead>
< tbody>
< tr>
< td width = 10%>< input name =chk1 []type =checkboxvalue =<?php echo
formsubmit; ?>" id="frm1" method="post" > <table id="example2" class="table table-bordered table-hover"> <thead> <tr> <th width="10%" style="padding-left:5px;"><input type="checkbox" onClick="checkedAll();" name="checkall"> Select All</th> </tr> </thead> <tbody> <tr> <td width=10%><input name="chk1[]" type="checkbox" value="<?php echo
>
cat ['new_id'];?>id =chk1 []class =/>< / td>
< / tr>
< / tbody>
< / table>
< / form>
< / div>
< / div>
< / div>
< / div>
< / section>
< / aside>
cat['new_id'];?>" id="chk1[]" class=""/></td> </tr> </tbody> </table> </form> </div> </div> </div> </div> </section> </aside>
试试这个:
Try this:
<!DOCTYPE html>
<html>
<head>
<script>
function checkedAll(e) {
var checkboxes = document.getElementsByTagName('input');
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].type === 'checkbox') {
checkboxes[i].checked = e.checked;
}
}
}
</script>
</head>
<body>
<table>
<tr><input type="checkbox" onChange="checkedAll(this);" name="checkall">
Select All
</tr>
<tr>
<td width=10%><input name="chk1[]" type="checkbox" value="apple" >Apple</td>
</tr>
<tr>
<td width=10%><input name="chk1[]" type="checkbox" value="orange" >Orange</td>
</tr>
</table>
</body>
</html>
这篇关于如何同时选择多个复选框。它不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文