實現:當一個未選中或者未全部選中時點擊全選進行全部選中,而再次點全選則取消全部選中。點擊反選則就進行反選。
html
<body><form> <input type="checkbox" name="mycheck" value="樸樹" />樸樹 <input type="checkbox" name="mycheck" value="許巍" />許巍 <input type="checkbox" name="mycheck" value="鄭鈞" />鄭鈞 <input type="checkbox" name="mycheck" value="曹方" />曹方 <input type="checkbox" name="mycheck" value="張懸" />張懸<br> <input type="button" id="checkAll" value="全選" /> <input type="button" id="checkRev" value="反選" /></form></body>
js
// JavaScript Document$(document).ready(function(){ //全選 $("#checkAll").click(function(){ //如果沒有全部被選中,則全選 if($('[name=mycheck]:checked').length!=$('[name=mycheck]').length){ $('[name=mycheck]').attr("checked",true); //否則 全部取消選中 }else{ $('[name=mycheck]').attr("checked",false); } }) //反選 $("#checkRev").click(function(){ $('[name=mycheck]').each(function(){ //依次遍曆每個 checkbox $(this).attr("checked",!$(this).attr("checked")); }) }) })