checkbox使用示例

示例1 ：下面的代码的含义是：:checkbox 选择器选取类型为 checkbox 的 <input> 元素。

$(":checkbox")

示例2

//效果是：两个type类型为checkbox的input标签隐藏了，但是type为radio的input元素没有影响，所以说明

 $(":checkbox")

选择的是所有的type为checkbox的input元素

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $(":checkbox").hide();
  });
});
</script>
</head>
<body>
<form action="">
I have a A:
<input type="checkbox" name="vehicle" value="A" />              
<br />
I have a B:
<input type="radio" name="vehicle" value="B" />
<br />
I have an C:
<input type="checkbox" name="vehicle" value="C" />
</form>
<button class="btn1">Hide Checkboxes</button>
</body>
</html>

示例3

table列表的第一列是checkbox的复选框的全选的实现

 //全选
 var flag = false;
 function selAll(obj){
     ids=[];
     if(flag){
         $(":checkbox").removeAttr("checked");
         flag=false;
     }else{
         $(":checkbox").attr("checked","checked");
         $("input[name='goodId']:checked").each(function(){
             if(this.checked){
                 ids.push($(this).val());
             }
         });
         flag=true;
     }
     
 }

table列表的第一列是checkbox的复选框单个选择的实现

 //获取选择的项目
 var ids=[];
 function selIds(obj){
     ids=[];
     $("input[name='goodId']:checked").each(function(){
         if(this.checked){
             //ids.push("|"+$(this).val()+"|");
             var Variable = $(this).val()
             ids.push($(this).val());
            
         }
     });
 }