本文給大家分享一段基于jQuery的全選、反選和不選功能的代碼，適用于網頁多選后需要進行批量操作的場景（如批量刪除等）。文章結合實例，代碼簡潔，基本覆蓋選項選擇操作的方方面面，希望可以幫到有需要的WEB愛好者。
//全選 全不選
$('#checkAll').click(function () { //判斷是否被選中 var bischecked = $('#checkAll').is(':checked'); var fruit = $('input[name="check"]'); bischecked ? fruit.attr('checked', true) : fruit.attr('checked', false); });//反選 遍歷checkbox 如果當前為選中 就設置為 不選中 反之相同
$("#tabVouchList tr").each(function () { if ($("td:eq(0) input[name='check']", $(this)).is(':checked')) { $(this).attr('checked', false); } else { $(this).attr('checked', true); } });HTML table
<table id="tabVouchList"> <tr> <th> <input type="checkbox" name="checkAll" /> </th> <th> 行號 </th> <th> 名稱 </th> </tr> <tr> <td> <input type="checkbox" name="check" /> </td> <td> 行號 </td> <td> 名稱 </td> </tr></table>
以上代碼就是jquery實現全選全不選反選的全部代碼，代碼是不是很簡單啊，希望對大家工作學習有所幫助。
新聞熱點
疑難解答
