首頁  >  文章  >  web前端  >  jquery如何實現一鍵全選

jquery如何實現一鍵全選

coldplay.xixi
coldplay.xixi原創
2020-11-26 15:38:553703瀏覽

jquery實作一鍵全選的方法:先設定選項框;然後引入jQuery,並且給按鈕綁定一個jQuery類型的點擊事件;最後透過prop來設定input的屬性即可設定全選。

jquery如何實現一鍵全選

jquery如何實現一鍵全選

##jquery實作一鍵全選的方法:

1、如圖,web專案結構如圖所示,這個結構熟悉的話可以自己調整的哦。 jquery如何實現一鍵全選

2、然後設定一些較為簡單的選項框,這裡我就隨便用abcd來取代選項框了。 jquery如何實現一鍵全選

3、這裡我是用到jq來實現全選,所以引入jQuery,並且給按鈕綁定一個jQuery類型的點擊事件即可。 jquery如何實現一鍵全選

4、然後透過prop來設定input的屬性即可設定全選了,prop是jq自帶的一個方法,還不錯。 jquery如何實現一鍵全選

5、如圖,因為CheckBox可以設定checked屬性,所以我們把它設為true即可喔。 jquery如何實現一鍵全選

6、如圖,CheckBox預設是沒有被checked(選取),然後我們點選按鈕測試。 jquery如何實現一鍵全選

7、之後,可以看到CheckBox都被checked中了,這樣就達到全選了,全選還是比較簡單的。

#########相關免費學習推薦:###javascript###(影片)#######

以上是jquery如何實現一鍵全選的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn