在web開發(fā)中,經(jīng)常需要使用復(fù)選框來實現(xiàn)一些批量操作。而jquery中的全選按鈕則可以幫助我們快速實現(xiàn)復(fù)選框的全選和全不選功能。下面我們就來看一下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事件來監(jiān)聽全選、全不選和反選按鈕的點擊事件。然后,在對應(yīng)的事件處理函數(shù)中,我們通過jquery的prop()方法來設(shè)置復(fù)選框的checked屬性,實現(xiàn)全選、全不選和反選的功能。