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