原生js操作checkbox用document.getElementById實(shí)現(xiàn)
更新時間：2013年10月12日 11:30:51 作者：
js操作checkbox本人建議用document.getElementById(checkbox_id).checked不推薦使用jquery操作checkbox，感興趣的朋友不要錯過
jquery與checkbox的checked屬性的問題，講的是控件<input type="checkbox"></input>
1、頁面加載成功后，點(diǎn)擊選中或取消選中該checkbox，checkbox屬性里的checked屬性不會根據(jù)該checkbox是否選中而變化
2、checkbox里的onchange或onclick方法里用jquery的attr方法獲取checked是看得到的checked屬性的值與它是否給鉤上沒有關(guān)系
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真不爽
1、頁面加載成功后，點(diǎn)擊選中或取消選中該checkbox，checkbox屬性里的checked屬性不會根據(jù)該checkbox是否選中而變化
2、checkbox里的onchange或onclick方法里用jquery的attr方法獲取checked是看得到的checked屬性的值與它是否給鉤上沒有關(guān)系
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真不爽
您可能感興趣的文章:
- js中document.getElementById(id)的具體用法
- javascript typeof id===''string''?document.getElementById(id):id解釋
- js querySelector和getElementById通過id獲取元素的區(qū)別
- getElementByIdx_x js自定義getElementById函數(shù)
- js中document.getElementByid、document.all和document.layers區(qū)分介紹
- JavaScript中也使用$美元符號來代替document.getElementById
- javascript代碼在ie8里報錯 document.getElementById(...) 為空或不是對象的解決方法
- javascript getElementById 使用方法及用法
- js中的getElementById的使用方法
相關(guān)文章
本篇文章主要介紹了ionic2懶加載配置詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
基于JavaScript實(shí)現(xiàn)新增內(nèi)容滾動播放效果附完整代碼
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)新增內(nèi)容滾動播放效果,效果非常棒，實(shí)現(xiàn)代碼簡單易懂，需要的朋友可以參考下2017-08-08
JavaScript 組件之旅（三）：用 Ant 構(gòu)建組件
我們走到哪兒了？前兩期思考了太多東西，你是否已有倦意？別擔(dān)心，本期的話題很輕松，你只需要簡單了解一些語法，寫幾行配置，就能驅(qū)使系統(tǒng)按你預(yù)設(shè)的方式自動完成一些工作。2009-10-10
javascript 漢字轉(zhuǎn)拼音實(shí)現(xiàn)代碼
主要是提前定義了很多文字，這樣的方法不是很是，如果庫中沒有這個詞，是看不到相關(guān)信息的。2009-12-12
在web頁面中，圖片居左，內(nèi)容居右排列，是非常常見的效果，它也就是媒體對象，它是一種抽象的樣式，可以用來構(gòu)建不同類型的組件。本文給大家介紹Bootstrap媒體對象的實(shí)現(xiàn)，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要為大家分享了javascript、jquery實(shí)用代碼段,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
JavaScript forEach 方法跳出循環(huán)的操作方法
這篇文章主要介紹了JavaScript forEach 方法跳出循環(huán)的操作方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2024-01-01
這篇文章主要為大家詳細(xì)介紹了mescroll.js上拉加載下拉刷新組件的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
寫代碼的時候總有一些東西是會重復(fù)出現(xiàn)的,次數(shù)多了你就會想找找捷徑了,下面這篇文章主要給大家介紹了關(guān)于5個JavaScript的寫法小技巧,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-02-02
下面小編就為大家?guī)硪黄迺r搶購-倒計時的完整實(shí)例(分享)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09