原生js操作checkbox用document.getElementById實現

更新時間：2013年10月12日 11:30:51 作者：

js操作checkbox本人建議用document.getElementById(checkbox_id).checked不推薦使用jquery操作checkbox，感興趣的朋友不要錯過

jquery與checkbox的checked屬性的問題，講的是控件<input type="checkbox"></input>

1、頁面加載成功后，點擊選中或取消選中該checkbox，checkbox屬性里的checked屬性不會根據該checkbox是否選中而變化

2、checkbox里的onchange或onclick方法里用jquery的attr方法獲取checked是看得到的checked屬性的值與它是否給鉤上沒有關系

3、使用document.getElementById("checkbox_id").checked獲取的值與是否鉤上一至，即與所見即所得

4、使用$("#checkbox_id").attr("checked")獲取的值與<input type="checkbox"></input>里的checked情況一至，不是所見即所得

5、使用$("#checkbox:checked")獲取的都是被鉤上的checkbox

6、document.getElementById("checkbox_id").checked=true，控件里的checked屬性沒有顯示出來，所做即所見

7、$("#checkbox_id").attr("checked"，true)，控件里的checked屬性顯示出來，所做即所見，同時代碼也會變化

js操作checkbox本人建議用document.getElementById("checkbox_id").checked，jquery操作checkbox真不爽

您可能感興趣的文章:

ionic2懶加載配置詳解
本篇文章主要介紹了ionic2懶加載配置詳解，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
基于JavaScript實現新增內容滾動播放效果附完整代碼
這篇文章主要介紹了基于JavaScript實現新增內容滾動播放效果,效果非常棒，實現代碼簡單易懂，需要的朋友可以參考下
2017-08-08
JavaScript 組件之旅（三）：用 Ant 構建組件
我們走到哪兒了？前兩期思考了太多東西，你是否已有倦意？別擔心，本期的話題很輕松，你只需要簡單了解一些語法，寫幾行配置，就能驅使系統(tǒng)按你預設的方式自動完成一些工作。
2009-10-10
javascript 漢字轉拼音實現代碼
主要是提前定義了很多文字，這樣的方法不是很是，如果庫中沒有這個詞，是看不到相關信息的。
2009-12-12
Bootstrap媒體對象的實現
在web頁面中，圖片居左，內容居右排列，是非常常見的效果，它也就是媒體對象，它是一種抽象的樣式，可以用來構建不同類型的組件。本文給大家介紹Bootstrap媒體對象的實現，感興趣的朋友一起學習吧
2016-05-05
分享javascript、jquery實用代碼段
這篇文章主要為大家分享了javascript、jquery實用代碼段,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
JavaScript forEach 方法跳出循環(huán)的操作方法
這篇文章主要介紹了JavaScript forEach 方法跳出循環(huán)的操作方法,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2024-01-01
mescroll.js上拉加載下拉刷新組件使用詳解
這篇文章主要為大家詳細介紹了mescroll.js上拉加載下拉刷新組件的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
分享5個JavaScript的寫法小技巧
寫代碼的時候總有一些東西是會重復出現的,次數多了你就會想找找捷徑了,下面這篇文章主要給大家介紹了關于5個JavaScript的寫法小技巧,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-02-02
限時搶購-倒計時的完整實例(分享)
下面小編就為大家?guī)硪黄迺r搶購-倒計時的完整實例(分享)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09