溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了JQuery怎么使用check或uncheck控制checkbox控件的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇JQuery怎么使用check或uncheck控制checkbox控件文章都會有所收獲，下面我們一起來看看吧。
想通過JQuery來check或者uncheck頁面上的checkbox控件，我們可能會想到用下面的代碼：
$（'#chk-all'）。on（'click', function（）{
var checked = $（this）。is（':checked'）;
$（"input[type='checkbox'][name='chk-att']"）。attr（'checked', checked）;
}）;
chk-all是一個checkbox控件，我們想通過點擊它來實現全選或取消全選的功能。在onclick事件中，首先通過$（this）。is（':checked'）來獲取該checkbox當前的選中狀態，然后將頁面上所有name='chk-att'的checkbox控件選中或取消選中。這里使用的方法是修改checked屬性的值，然而該方法并不總是奏效，有時你會看到元素的屬性值確實被修改了，但是選中狀態并未改變。嘗試將attr（）方法改成removeAttr（）來實現取消選中，仍然不起作用！
解決辦法是使用prop（）函數來替代上面代碼中的attr（）函數。將上面的代碼修改如下：
$（'#chk-all'）。on（'click', function（）{
var checked = $（this）。is（':checked'）;
$（"input[type='checkbox'][name='chk-att']"）。prop（'checked', checked）;
}）;
關于“JQuery怎么使用check或uncheck控制checkbox控件”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“JQuery怎么使用check或uncheck控制checkbox控件”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
