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

2019-11-20 21:53:55

字體：大中小

來源：轉載

供稿：網友

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真不爽

上一篇：JavaScript var聲明變量背后的原理示例解析

下一篇：基于jquery的9行js輕松實現tab控件示例