當前位置:菜譜大全網 - 美食菜譜 - Jquery實現復選框全選與全不選

Jquery實現復選框全選與全不選

1、首先web項目結構如圖所示,這個結構熟悉的話可以自己調整的。

2、然後設置壹些較為簡單的選項框,這裏隨便用abcd來代替選項框了。

3、這裏是jq來實現全選,所以引入jQuery,並且給按鈕綁定壹個jQuery類型的點擊事件即可。

4、然後通過prop來設置input的屬性即可設置全選了,prop是jq自帶的壹個方法。

5、因為CheckBox可以設置checked屬性,所以我們把它設置為true即可。

6、最後預覽,可以看到CheckBox都被checked中了,這樣就達到全選了。