JS+JSP checkBox 全选

最新推荐文章于 2019-03-26 22:25:35 发布

薛倩

最新推荐文章于 2019-03-26 22:25:35 发布

阅读量925

点赞数

分类专栏： JS 文章标签： javascript checkbox jsp

本文链接：https://blog.csdn.net/Flyfish111222/article/details/17720515

版权

JS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

第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="测   试"   οnclick="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   οnclick="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="" οnclick="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   ='   全选   'οnclick='check_all();'>   
<script>   
      function   check_all(){   
        arr   =   document.getElementsByName('info');   
        for(i=0;i<arr.length;i++){   
              arr[i].checked   =   true;   
        }   
      }   
</script>

薛倩

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS+JSP checkBox 全选

function func(){ var options=document.getElementsByName("chkBox"); for (var i=0;i if(!options[i].disabled){ options[i].checked
复制链接

扫一扫

专栏目录