HTML中复选框的全选与反选
1、引⼊jQuery —— jquery.js
注意:低版本的js⽂件可能导致第⼆次全选不上。jquery的attr属性
2、全选操作
onchange 事件:表单状态发⽣改变时触发。
<input type="checkbox"id="qx"name="qx"onchange="a()"/>全选
function a(){
if($("#qx").is(":checked")){
$(":checkbox").each(function(){
$(this).prop("checked",true);
});
}else{
$(":checkbox").each(function(){
$(this).prop("checked",false);
});
}
}
注意:
⼀定要⽤prop属性,最好不要⽤attr属性,因为表单中默认prop,如果通过attr或者removeAttr操作,可能会与表单的默认状态产⽣冲突。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论