在網頁開發中,表單是必不可少的元素,而對于一些復雜的表單,我們經常會需要進行全選或反選的操作。jQuery提供了很多方便操作表單的函數,其中就包含了全選和反選的方法。
//全選 $("#checkAll").click(function(){ $("input[type='checkbox']").prop("checked", true); }) //反選 $("#checkReverse").click(function(){ $("input[type='checkbox']").each(function(){ $(this).prop("checked", !$(this).prop("checked")); }) })
上面的代碼中,我們定義了兩個按鈕,一個是全選按鈕,一個是反選按鈕,分別綁定了click事件。在全選按鈕的click事件處理函數中,我們使用了jQuery的選擇器選擇所有type為checkbox的input元素,并將其checked屬性設置為true。這樣就實現了全選的功能。
而在反選按鈕的click事件處理函數中,則使用了each()方法,遍歷所有的type為checkbox的input元素,并將它們的checked屬性設置為當前狀態的相反值。這樣我們就實現了反選的功能。
使用jQuery對表單進行全選和反選,可以非常方便地操作復雜的表單。強大的jQuery選擇器和便捷的操作方法,能夠讓你更快捷地開發出高效的表單功能。