`
zhangrong108
  • 浏览: 203825 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js 复选框的操作

旅游 
阅读更多 
//选中的复选框
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" onclick="checkEvent('ck','ckall')" />   
        全选   
        <input type="checkbox" id="ckReserve" onclick="reserveCheck('ck','ckReserve')"  
        />   
        反选   
        <br />   
        <input type="checkbox" name="ck" value="1" />   篮球   
        <br />   
        <input type="checkbox" name="ck" value="2" />    旅游	  
</body>

 

分享到：
| Tapestry @Inject 定义及理解使用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics