1. 程式人生 > >jQuery獲取和設定checkbox的checked屬性小結

jQuery獲取和設定checkbox的checked屬性小結

今天寫靜態頁面,需要拿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