1. 程式人生 > >jquery中input復選框的checked屬性

jquery中input復選框的checked屬性

改變 是否 html中 數字 html prop defined 字符串 put

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

1.不能通過.css(‘checked‘,‘checked‘)方法來設置或者獲取復選框的checked屬性,在控制臺打印輸出.css(‘checked‘),結果為undefined,

不管在HTML中是否設置了checked=‘checked‘;

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),並不會改變復選框的狀態。

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

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

4.在向HTML中input處寫入checked=‘checked‘時‘checked‘可以為任何字符!其都會被視為選中。

jquery中input復選框的checked屬性