欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery checkbox 全選反選

錢斌斌2年前8瀏覽0評論

在網頁開發中,復選框是一個非常常用的元素,它可以讓用戶方便地選擇多個選項。其中,全選和反選功能是復選框最常用的兩個功能之一。在使用jQuery實現全選反選功能,可以大大簡化代碼量,提高開發效率。

//全選
$("#checkAll").click(function(){
$('input[name="checkName"]').prop("checked",true);
});
//反選
$("#checkInverse").click(function(){
$('input[name="checkName"]').prop("checked",function(index,oldvalue){
return !oldvalue;
});
});

以上代碼中,我們為全選和反選按鈕綁定了click事件。其中,在全選功能中,我們使用了prop()方法讓所有name屬性為checkName的復選框都被選中;在反選功能中,我們使用prop()方法的回調函數實現取反功能。

需要注意的是,以上代碼中使用的是prop()方法,而非attr()方法。prop()方法是jQuery新版本推薦使用的屬性操作方法,它在處理布爾類型屬性值時更為方便和高效。而attr()方法則更適用于處理非布爾類型屬性值。

通過以上代碼,我們可以快速實現全選反選功能,為用戶提供便捷的復選框操作體驗。