jquery中input复选框的checked属性

Posted 2020-09-21 echomk

　　　在今日的多选，反选，全选试验中，关于通过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‘可以为任何字符！其都会被视为选中。