首頁 > web前端 > js教程 > 主體

jquery如何實現一鍵全選

coldplay.xixi
發布: 2020-11-26 15:38:55
原創
3720 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板