原生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、頁面加載成功后，點(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屬性沒有顯示出來，所做即所見
7、$("#checkbox_id").attr("checked"，true)，控件里的checked屬性顯示出來，所做即所見，同時(shí)代碼也會(huì)變化
js操作checkbox本人建議用document.getElementById("checkbox_id").checked，jquery操作checkbox真不爽
1、頁面加載成功后，點(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屬性沒有顯示出來，所做即所見
7、$("#checkbox_id").attr("checked"，true)，控件里的checked屬性顯示出來，所做即所見，同時(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中也使用$美元符號來代替document.getElementById
- javascript代碼在ie8里報(bào)錯(cuò) document.getElementById(...) 為空或不是對象的解決方法
- javascript getElementById 使用方法及用法
- js中的getElementById的使用方法
相關(guān)文章
Js操作Select是很常見的，也是比較實(shí)用的，每一次操作select的時(shí)候，總是要出來翻一下資料，不如自己總結(jié)一下，以后就翻這里了2013-10-10
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡易日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
JS實(shí)現(xiàn)字符串轉(zhuǎn)日期并比較大小實(shí)例分析
這篇文章主要介紹了JS實(shí)現(xiàn)字符串轉(zhuǎn)日期并比較大小的方法,以實(shí)例形式較為詳細(xì)分析了JavaScript字符串與日期操作的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
淺析showModalDialog數(shù)據(jù)緩存問題(用禁止瀏覽器緩存解決)
在使用showModalDialog彈出窗口時(shí)，顯示的數(shù)據(jù)是上次修改前的數(shù)據(jù)，這是因?yàn)槟J(rèn)情況下頁面保存了緩存，所以顯示的數(shù)據(jù)并不是修改后的情況2013-07-07
Javascript執(zhí)行流程細(xì)節(jié)原理解析
這篇文章主要介紹了Javascript執(zhí)行流程細(xì)節(jié)解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
理解this之前,先糾正一個(gè)觀點(diǎn),this?既不指向函數(shù)自身,也不指函數(shù)的詞法作用域,下面這篇文章主要給大家介紹了關(guān)于JavaScript之this指向的相關(guān)資料,需要的朋友可以參考下
2022-05-05 
這篇文章主要為大家詳細(xì)介紹了javascript全局自定義鼠標(biāo)右鍵菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12 
微信小程序開發(fā)之a(chǎn)nimation循環(huán)動(dòng)畫實(shí)現(xiàn)的讓云朵飄效果
這篇文章主要介紹了微信小程序開發(fā)之a(chǎn)nimation循環(huán)動(dòng)畫實(shí)現(xiàn)的讓云朵飄效果,結(jié)合實(shí)例形式分析了animation結(jié)合js時(shí)間函數(shù)實(shí)現(xiàn)循環(huán)動(dòng)畫效果的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-07-07 
詳解JS: reduce方法實(shí)現(xiàn) webpack多文件入口
本篇文章主要介紹了詳解JS: reduce方法實(shí)現(xiàn) webpack多文件入口，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02