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

jquery 完成checkbox的全选功能

2015-07-10 20:36 736 查看
jquery代码

<script type="text/javascript">
function allcher(){
if($('#allche').is(':checked')){  //判断全选框是否被选中
$('input[name="nnn"]').each(function(){  //name为nnn的换成选中状态
this.checked = true;
})
}else{ //若不为选中状态
$('input[name="nnn"]').each(function(){ //name为nnn的换成未被选中状态
this.checked=false;
})
}
}


html代码

<input type="checkbox" name="nnn">值1<input type="checkbox" name="nnn">值2<input type="checkbox" name="nnn">值3<br/>
<input type="checkbox" id="allche" onclick="allcher()">全选
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: