checkbox的全选操作

 <input id="allchose" οnchange="allChose()" type="checkbox"  value="全选" />

<h1>兴趣爱好</h1>

<table>

 <tr>

  <td><input οnchange="changeChose()" type="checkbox" name="checkbox" value="舞蹈" ></td>

  <td><input οnchange="changeChose()" type="checkbox" name="checkbox" value="弹琴" ></td>

  <td><input οnchange="changeChose()" type="checkbox" name="checkbox" value="画画" ></td>

</tr>

</table>

<script>

var allChose=function(){

    //检测复选框的checked属性
    if($("#allchose").attr("checked")=='checked'){//如果是选中状态
      $("table input[name=checkbox]").attr("checked",true);//全部选中
    }else{
    $("table input[name=checkbox]").removeAttr("checked");//全部不选中
    }
};

var changeChose=function(){
    var clength=$("table input[name=checkbox]:checked").length;//取得选中的数量
    var nlength=$("table input[name=checkbox]").length;//取得所有数量
    if(clength==nlength){//全部选中
        if($("#allchose").attr("checked")!='checked'){//全选状态是未选中
            $("#allchose").attr("checked",true);//选中
        }
    }else{//未全部选中
        if($("#allchose").attr("checked")=='checked'){//全选状态是已选中
        $("#allchose").removeAttr("checked");//取消选中
        }
   //checkbox遍历
var loopCheckBox=function(){
    var length=$("table input[name=checkbox]:checked").length;
    if(length==0){
        alert("没有条目被选中!");
        return false;
    }
    $("table input[name=checkbox]").each(function(i){//遍历所有checkbox
       if($(this).attr("checked")) {//如果属性是选中
          $(this).val()//得到value
       }
    });
};

</script>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值