JQuery是一個非常受歡迎的JavaScript庫,它幫助開發人員以更高效的方式編寫JS代碼。在開發網頁中,我們經常需要使用多選框(checkbox)來選擇列表中的一些元素。如何實現全選/全不選功能呢?下面是JQuery如何實現全選/全不選的代碼:
// 全選 $("#select-all").click(function(){ $('input[name="check-list"]').prop("checked",true); }); // 全不選 $("#unselect-all").click(function(){ $('input[name="check-list"]').prop("checked",false); });
以上代碼中,“select-all”和“unselect-all”是HTML代碼中分別用于全選和全不選的按鈕的ID,而“check-list”則是表單中所有多選框的名稱。
使用JQuery的prop()方法可以獲取或設置元素的屬性值。在這個例子中,我們使用了prop()方法來將所有多選框的checked屬性設置為true/false,從而實現全選/全不選的功能。