JQuery怎么使用check或uncheck控制checkbox控件

這篇文章主要介紹了JQuery怎么使用check或uncheck控制checkbox控件的相關(guān)知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇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控件，我們想通過點擊它來實現(xiàn)全選或取消全選的功能。在onclick事件中，首先通過$（this）。is（':checked'）來獲取該checkbox當前的選中狀態(tài)，然后將頁面上所有name='chk-att'的checkbox控件選中或取消選中。這里使用的方法是修改checked屬性的值，然而該方法并不總是奏效，有時你會看到元素的屬性值確實被修改了，但是選中狀態(tài)并未改變。嘗試將attr（）方法改成removeAttr（）來實現(xiàn)取消選中，仍然不起作用！

解決辦法是使用prop（）函數(shù)來替代上面代碼中的attr（）函數(shù)。將上面的代碼修改如下：

$（'#chk-all'）。on（'click', function（）{

    var checked = $（this）。is（':checked'）;

    $（"input[type='checkbox'][name='chk-att']"）。prop（'checked', checked）;

}）;

關(guān)于“JQuery怎么使用check或uncheck控制checkbox控件”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“JQuery怎么使用check或uncheck控制checkbox控件”知識都有一定的了解，大家如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。