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