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

Jquery_Checkbox 完成全选，反选和全不选

2013-07-24 15:42 218 查看
Jquery对checkbox的实现全选，反选和全不选

对Jquery的学习还需要加强，

下面是代码截图











下面是部分实现代码，对Jquery选择器还是要学习

<script language="JavaScript" type="text/javascript">

//实现全选，反选，和全不选

$(document).ready(function(){

$("#checkall").click(function(){

$(":checkbox").attr("checked","checked");

});

});

$(document).ready(function(){

$("#checkallNo").click(function(){

$(":checkbox").removeAttr("checked");

});

});

$(document).ready(function (){

$("#checkItems").change(function (){

if($("#checkItems").attr("checked")){

$(":checkbox").attr("checked","checked");

}else{

$(":checkbox").removeAttr("checked");

}

});

});

$(document).ready(function(){

$("#check_revsern").click(function(){

$(":checkbox[name='items']").each(function(){

if($(this).attr("checked")){

$(this).removeAttr("checked");

}else{

$(this).attr("checked","checked");

}

});

});

});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航