checkbox使用

1、

<div class=''selects_other">

<a id="aaa"> <input type="checkbox" name="checkbox" value="checkbox1">checkbox1</a>
   
  <a id="bbb"><input type="checkbox" name="checkbox" value="checkbox2">checkbox2</a>
   
  <a id="ccc"><input type="checkbox" name="checkbox" value="checkbox3">checkbox3</a>
   

</div>

2、判断是否有checkbox被选中

var names = document.getElementsByName("check");            
        var flag = false ;//标记判断是否选中一个                 
        for(var i=0;i<names.length;i++){  
            if(names[i].checked){  
                    flag = true ;  
                    break ;  
             }  
         }  
        if(!flag){
        jQuery("#myModa2").trigger('reveal:close');
        } 

2、动态获取选中的数据

$(".selects_other").find("input:checkbox:checked").each(function() {
    code = $(this).val();//获取id
    name = $(this).parent().text();  //获取人名
    });

3、选中当前行就选中当前checkbox

$(".selects_other").find('input').attr("checked", false);//取消所有选中
$("#"+id).find('input').attr("checked", true);  //id是每个checkbox的id

4、  //全选  
        function selectAll() {  
            var names = document.getElementsByName("check");                             
            for(var i=0;i<names.length;i++){  
                    names[i].checked=true;  
             }        
        }  
  
        //全不选  
        function selectNone() {  
            var names = document.getElementsByName("check");                             
            for(var i=0;i<names.length;i++){  
                    names[i].checked=false;  
             }        
        }  
          
         //反选  
        function selectInvert() {  
            var names = document.getElementsByName("check");                                 
            for(var i=0;i<names.length;i++){  
                    if(names[i].checked){  
                        names[i].checked=false ;  
                    }else{  
                        names[i].checked=true ;  
                    }  
                }  
        } 

5、点击tr选中当前行的checkbox

第一种方法：

<%--点击tr选中check'ed--%>
function SetCheckBox_Check(obj) {
if ($(obj).find("input").attr("checked") == 'checked') {
     //已选中的行取消选中
     $(obj).find("input").attr("checked", false);
   } else {
     //未选中的行，进行选中
     $(obj).find("input").attr("checked", true);
   }
}

第二种方法：

//点击tr选择对应的checkbox
$("tr").click(function(e){  
   var check = $(this).find("input[type='checkbox']");  
   if(check){  
       var flag = check[0].checked;  
       if(flag){  
           check[0].checked = false;  
       }else{  
           check[0].checked = true;  
       }  
   }  
});

注意：

tr选中会与checkbox冲突，故需要给checkbox添加阻止冒泡事件

$("input[type='checkbox']").click(function(e){  
   e.stopPropagation();   
});