Jquery對復選框的操作

<from>

你的愛好是?<br/>

?<input type="checkbox" name="items" value="籃球" />籃球

?<input type="checkbox" name="items" value="乒乓球" />乒乓球

?<input type="checkbox" name="items" value="羽毛球" />羽毛球

?<input type="checkbox" name="items" value="足球" />足球

<input type="button" id="checkall" value="全選"/>

<input type="button" id="checkno" value="全不選"/>

<input type="button" id="checkrev" value="反選"/>

<input type="button" id="send" value="提交"/>

</from>

若是復選框處于選中或者不選中的狀態，必須通過控制元素的 checked屬相來達到目的.

1:全選

$("#checkall").click(function(){

?$('[name=items]:checkbox').attr('checked',true);

})

2:全不選

$("#checkall").click(function(){

?$('[name=items]:checkbox').attr('checked',false);

});

3:反選

$("#checkall").click(function(){

?$('[name=items]:checkbox').attr('checked',!$(this).attr('checked'));? //原來是false,則現在為true;原來是true,則現在為false; 這里取了一個非(!) 操作

});

4：用戶點擊提交后把選中的值全部輸出：

$("#send").click(function(){

? var str="你選中的是：\r\n";?? //? \r\n 是換行

?$('[name=items]:checkbox:checked').each(function(){? //對所有選中項進行遍歷

? str +=$(this).val()+"\r\n";

})

alert(str);? //彈出你選擇的項

});

?