您现在的位置是：首页 > PHP技术PHP技术

jQuery中实现prop()函数控制多选框(全选,反选)

2017-08-19【PHP技术】3202 人已围观

简介jQuery中实现prop()函数控制多选框(全选,反选) 看了jQuery手册，对prop()函数又多了一点认识，记忆力不好，记录下来。 prop()...

看了jQuery手册，对prop()函数又多了一点认识，记忆力不好，记录下来。

prop() : 获取匹配元素集中第一个元素的值

判断checkbox中的第一个是否被选中：
$(\":checkbox\").prop(\"checked\"); //如果第一个checkbox被选中返回true,否则返回false.

禁用和选中页面上的所有复选框：

$(\"input[type=\'checkbox\']\").prop(\"disabled\", true); //prop貌似自己会循环执行,第二个参数有时则添加对应属性, 无时返回指定的值的属性
$(\"input[type=\'checkbox\']\").prop(\"checked\", true);

反选页面上的所有复选框：

$(\"input[type=\'checkbox\']\").prop(\"checked\", function( i, val ) { //i:索引 val:true/false(选中为true,否则为false)
return !val;
});