jquery 判斷複選框是否全部選中

jQuery 判斷checkbox 是否全部選中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquer01_01</title>
<script src="../jquery-1.7.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){
        $(":checkbox").click(function(){
            var $checkArray = $(":checkbox").toArray();
             var $check=0;
            $.each($checkArray,function(key,val){                    
                if(val.checked){
                    $check++;
                }
            });
            if($check==$checkArray.length){
                 $("#submitbtn").removeAttr("disabled");
            }else{
                $("#submitbtn").attr({"disabled":"disabled"});
            }
        });    
    });
</script>
</head>

<body>
<input type="checkbox"  name="Term"/>
<input type="checkbox"  name="Term"/>
<input type="checkbox"  name="Term"/>
<input type="checkbox" name="Term"/>
<input id="submitbtn" type="button" value="同意" class="agrbtn" disabled="disabled"/>
</body>
</html>

發佈了19 篇原創文章 · 獲贊 18 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章