jQuery使复选框一键全选/全不选
Posted 2016-cxp
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery使复选框一键全选/全不选相关的知识,希望对你有一定的参考价值。
<form>
你爱好的运动是?
<input type="checkbox" id="hxy"/>全选/不全选
<br />
<input type="checkbox" name="hxy" />1
<input type="checkbox" name="hxy" />2
<input type="checkbox" name="hxy"/>3
<input type="checkbox" name="hxy" />4
</form>
在第一个复选框中添加click()事件,
核心的jQuery代码如下:
<script type="text/javascript">
$(document).ready(function(e) {
$("#hxy").click(function(){
if(this.checked){
$("[name=hxy]").attr("checked",true);
}else{
$("[name=hxy]").attr("checked",false);
}
});
});
</script>
这样就完成了一个最基本的全选/全不选的实例。
以上是关于jQuery使复选框一键全选/全不选的主要内容,如果未能解决你的问题,请参考以下文章