checkbox的全选操作

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

<h1>兴趣爱好</h1>

<table>

 <tr>

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

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

  <td><input onchange="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>

猜你喜欢

转载自girl-luo.iteye.com/blog/2332120