jQuery中提供了操作class的函數,通過操作class可以方便地進行全選或全不選等操作。下面就來看一下如何使用jQuery實現(xiàn)全選功能。
// HTML代碼 <form id="myForm"> <input type="checkbox" class="checkbox"/> <input type="checkbox" class="checkbox"/> <input type="checkbox" class="checkbox"/> </form> // jQuery代碼 $(".checkbox").click(function() { if ($(this).is(":checked")) { $(".checkbox").prop("checked", true); } else { $(".checkbox").prop("checked", false); } });
上面的代碼中,首先需要給每個需要操作的復選框添加相同的class,這里是“checkbox”。然后通過jQuery選擇器選中所有class為“checkbox”的復選框,添加點擊事件。當有復選框的狀態(tài)改變時,判斷當前復選框的狀態(tài)是否被選中,如果是,就將所有復選框的狀態(tài)都設置為選中,否則將所有復選框的狀態(tài)都設置為未選中。
通過上述代碼,就可以方便地實現(xiàn)全選功能。當然,如果需要全不選,則只需要將判斷條件取反即可。