业务需求,需要再前端页面增加复选框,jsp页面,使用的是jquery代码如下,发现实际效果只有第一次可以生效,后面点击全选没有效果
/**
* 全选
*/
function checkAll() {
$("input[name=ids]").attr("checked", true);
}
/**
* 全不选
*/
function uncheckAll() {
$("input[name=ids]").attr("checked", false);
拯救方法,使用prop替代attr,如下: ok了
/**
* 全选
*/
function checkAll() {
$("input[name=ids]").prop("checked", true);
}
/**
* 全不选
*/
function uncheckAll() {
$("input[name=ids]").prop("checked", false);
分析一波:
查阅资料发现,jq1.6版本之后新增的prop方法,用来获取html自带的属性,而attr用来获取用户自定义的DOM属性,checkbox明显是html自带的属性值,所以要用prop方法来获取他的值,用attr为undefined