jquery中input複選框的checked屬性

   在今日的多選,反選,全選試驗中,關於經過jQuery方法來實現複選框的選中與否問題,我有了如下發現:css

1.不能經過.css('checked','checked')方法來設置或者獲取複選框的checked屬性,在控制檯打印輸出.css('checked'),結果爲undefined,字符串

無論在HTML中是否設置了checked='checked',由於css屬性是style裏面的,而checked屬性不屬於style;input

2.經過attr添加屬性即.attr('checked','abc'),會給HTML中input所在處添加checked='checked'這樣的代碼,同時第一次也會將複選框選中;方法

但以後在改變其.attr('checked','abc')或.attr('checked',false)時,設置.attr('checked','abc')只會再給HTML中input所在處添加字符

checked='checked'這樣的代碼(前提是沒有這樣的代碼),而設置.attr('checked',false)只會將HTML中input處checked='checked'數字

給去除(前提是有這樣的代碼 ,同時若是設置的爲自定義屬性則只會改變其屬性值而不會去除相應的HTML),並不會改變複選框的狀態。ab

注:其中abc,能夠爲任意字符串,數字(包括正負數,小數),$,true;但不能爲沒有引號的字母以及除了¥外的特殊字符。undefined

3.經過prop添加屬性即.prop('checked','abc'),則只會改變複選框的狀態,而不會在HTML中input處增長或者去除checked='checked'。

4.在向HTML中input處寫入checked='checked'時'checked'能夠爲任何字符!其都會被視爲選中。

相關文章
相關標籤/搜索