您的位置:首页 > Web前端 > JQuery

jquary实现全选、反选,第二次选择时失效的解决办法

2017-11-23 14:30 253 查看
html代码:

<th style="width:4%;line-height: 15px;padding: 0px;" name="duo">
全选<input type="checkbox" name="onc" onclick="check()"/></th>

<input type="checkbox" name="riskId" /></td>
<input type="checkbox" name="riskId" /></td>
<input type="checkbox" name="riskId" /></td>
<input type="checkbox" name="riskId" /></td>
js代码:

function check(){
var x=$("input:checkbox[name=onc]:checked");
if(x.length==1){
$("input[name='riskId']").attr("checked",true);
}else {
$("input[name='riskId']").attr("checked",false);
}
}

如上,当使用如上jsp时,第一次选中与反选全选框时,可以实现全选与反选的功能,但当再次点击时,js失效,网上查了一些方法,将attr换为prop即可。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery html
相关文章推荐