在web開發中,經常需要使用復選框來實現一些批量操作。而jquery中的全選按鈕則可以幫助我們快速實現復選框的全選和全不選功能。下面我們就來看一下jquery中的全選按鈕代碼:
// 全選 $("#checkAll").click(function () { $("input[name='check[]']").prop("checked", true); }); // 全不選 $("#unCheckAll").click(function () { $("input[name='check[]']").prop("checked", false); }); // 反選 $("#reverseCheck").click(function () { $("input[name='check[]']").each(function () { $(this).prop("checked", !$(this).prop("checked")); }); });
在上面的代碼中,我們使用了click事件來監聽全選、全不選和反選按鈕的點擊事件。然后,在對應的事件處理函數中,我們通過jquery的prop()方法來設置復選框的checked屬性,實現全選、全不選和反選的功能。