首页 > Web开发 > 详细

jquery小代码之整页全选

时间:2015-11-04 12:58:14      阅读:368      评论:0      收藏:0      [点我收藏+]

待整理......

关于checkbox

$("[name=‘checkbox‘]").attr("checked",‘true‘);//全选
$("[name=‘checkbox‘]").removeAttr("checked");//取消全选
 $("[name=‘checkbox‘]:even").attr("checked",‘true‘);//选中所有奇数

反选
 $("[name=‘checkbox‘]").each(function(){
             if($(this).attr("checked")){
                    $(this).removeAttr("checked");
                } else{
                    $(this).attr("checked",‘true‘);
                 }
      });
获取值
$("#btn5").click(function(){
    var str="";
    $("[name=‘checkbox‘][checked]").each(function(){
     str+=$(this).val()+";";
    })
   alert(str);
});

点击切换全选、全消

function chooseAll(){
  var flag="checked";
  if($("#chooseAll").attr("checked")!="checked"){
    flag="false";
  }
  if(flag==‘false‘){
    $("[name=‘checked‘]").removeAttr("checked");
  }else{
    $("[name=‘checked‘]").attr("checked",‘checked‘);
  }
}

 

 

jquery小代码之整页全选

原文:http://www.cnblogs.com/wqlys/p/4935572.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!