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

来源:互联网 发布:python 库安装 编辑:程序博客网 时间:2024/06/05 10:23

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");
}
});
});
});



原创粉丝点击