您的位置：首页 > Web前端 > JavaScript

JS+JSP checkBox 全选

2013-12-31 19:45 337 查看

第1种实现方法：

<script>
function   func(){
var   options=document.getElementsByName("chkBox");
for   (var   i=0;i<options.length;i++){
if(!options[i].disabled){
options[i].checked=true;
}
}
}
</script>
<input   type=checkbox   name=chkBox   value=1   disabled>
<input   type=checkbox   name=chkBox   value=1>
<input   type=checkbox   name=chkBox   value=1>
<input   type=checkbox   name=chkBox   value=1>
<input   type=button   value="测   试"   onclick="func()">
用javascript吧。
<html>
<body>
<script>
function   kk(){
var   handleEl   =   document.getElementById("kkHandler");
var   els   =   document.getElementsByName("kk");
for(i=0;i<els.length;i++){
els[i].checked   =   handleEl.checked;
}

}
</script>
<input   type=checkbox   onclick="kk()"   name="kkHandler">全选<br>
<input   type=checkbox   name="kk">
<input   type=checkbox   name="kk">
</body>
</html>

第2种实现方法：

<form name="form" ID="Form1">
<input type="checkbox" name="id" value="" ID="Checkbox1">1
<input type="checkbox" name="id" value="" ID="Checkbox2">2
<input type="checkbox" name="chose" value="" onclick="selectAll()" ID="Checkbox5">allselect
</form>
<script>
function selectAll()
{
if(!document.form.id.length){
if(document.form.chose.checked){
document.form.id.checked=true;
}
else{
document.form.id.checked=false;
}
}
else{
for(var i=0;i<document.form.id.length;i++){
if(document.form.chose.checked){
document.form.id[i].checked=true;
}
else{
document.form.id[i].checked=false;
}
}
}
}
</script>

第3种实现方法：

1<input   type='checkbox'   name='info'   value='a'>
2<input   type='checkbox'   name='info'   value='b'>
3<input   type='checkbox'   name='info'   value='c'>
4<input   type='checkbox'   name='info'   value='d'>
5<input   type='checkbox'   name='info'   value='e'><br>
<input   type='button'   value   ='   全选   'onclick='check_all();'>
<script>
function   check_all(){
arr   =   document.getElementsByName('info');
for(i=0;i<arr.length;i++){
arr[i].checked   =   true;
}
}
</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航