js 复选框的操作

最新推荐文章于 2024-07-21 16:19:53 发布

zhangrong_108

最新推荐文章于 2024-07-21 16:19:53 发布

阅读量89

点赞数

文章标签：旅游

本文链接：https://blog.csdn.net/zhangrong_108/article/details/83611990

版权

//选中的复选框
function isSelect(){
 
  var obj = document.getElementsByName('checks');
 
  var flag = false;
  var display = '选中的车是：';
   
  for(var i=0;i<obj.length;i++){
   if(obj[i].checked==true){
    flag = true;
    display += ' ' + obj[i].value;
   }
  }
  if(flag)
   alert(display);
  else
   alert('你没有选择任何兴趣');
 }

 

//全选   
function checkAll(name) {   
     var names = document.getElementsByName(name);   
     var len = names.length;   
     if (len > 0) {   
         var i = 0;   
         for (i = 0; i < len; i++)   
         names[i].checked = true;   

     }   
 }   

 //全不选   
 function checkAllNo(name) {   
     var names = document.getElementsByName(name);   
    var len = names.length;   
    if (len > 0) {   
         var i = 0;   
         for (i = 0; i < len; i++)   
         names[i].checked = false;   
     }   
 }   
 //复选框处理
function checkEvent(name, allCheckId) {   
    var allCk = document.getElementById(allCheckId);   
    if (allCk.checked == true) checkAll(name);   
   else checkAllNo(name);   

} 
//反选   
function reserveCheck(name) {   
   var names = document.getElementsByName(name);   
    var len = names.length;   
   if (len > 0) {   
        var i = 0;   
        for (i = 0; i < len; i++) {   
            if (names[i].checked) 
             names[i].checked = false;   
           else 
            names[i].checked = true;  
        }   
    }   
}  

 
<body>
 <input type="checkbox" id="ckall" οnclick="checkEvent('ck','ckall')" />   
        全选   
        <input type="checkbox" id="ckReserve" οnclick="reserveCheck('ck','ckReserve')"  
        />   
        反选   
        <br />   
        <input type="checkbox" name="ck" value="1" />   篮球   
        <br />   
        <input type="checkbox" name="ck" value="2" />    旅游	  
</body>

zhangrong_108

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 复选框的操作

//选中的复选框function isSelect(){ var obj = document.getElementsByName('checks'); var flag = false; var display = '选中的车是：'; for(var i=0;i&lt;obj.length;i++){ if(obj[i].checked=...
复制链接

扫一扫