示例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()); } }); }