jQuery獲取和設定checkbox的checked屬性小結
阿新 • • 發佈:2018-12-22
今天寫靜態頁面,需要拿jquery去控制checkbox的check屬性,開始用的attr,每次設定完成後,點開f12觀察elements,後面每次,無論怎麼點選checkbox,它的checked屬性都是選中的,於是上網查詢,得以解決,下面是是轉載的內容
在jquery裡,有兩種操作元素屬性的方法,一種是attr(),另一種是prop()。
attr()的屬性在頁面首次載入時就確定。當頁面初始狀態checkbox沒有選中,("#cb1").attr("checked")為undefined,點選選中後,還是undefined,不管選中與否(“#cb1”).attr(“checked”)始終都是undefined;當頁面初試狀態checkbox選中,$(“#cb1”).attr(“checked”)為checked,之後取消選中還是checked。
prop()方法隨checked屬性改變而改變,選中時為true,為選中時為false。
最後,總結下獲取和設定checked屬性的方法。
得到選中屬性
$("#id").prop("checked")
$("#id").get(0).checked)
document.getElementById("#id").checked
$("#id").is(":checked")
設定選中
$("#id").prop("checked",true)
$("#id").get(0).checked = true
document.getElementById("#id" ).checked = true