html或jsp頁面複選框全選js腳本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
    //全選
    function allSelect(itemNameStr1,itemNameStr2){
        //alert(itemNameStr1+"===="+itemNameStr2);
        var allsb= document.getElementsByName(itemNameStr1);
        var state = allsb[0].checked;
        
        var itemName= document.getElementsByName(itemNameStr2);
        var length = itemName.length;
        
        if(length){
            for(var i=0;i<length;i++){
                itemName[i].checked=state;
            }
        }else{
            itemName.checked=state;
        }
    }
    
    //判斷所有的items是否都被選中 然後來決定全選按鈕是否需要被選中
    function aa(itemNameStr1,itemNameStr2){
        var all = document.getElementsByName(itemNameStr1);
        var d = document.getElementsByName(itemNameStr2);
        
        var len = d.length;
        var b = true;
        
        if(len==undefined){
            b=d.checked;
        }else{
            for(var i=0; i<len; i++){
                b = b&&d[i].checked;
            }
        }
        if(b){
            all[0].checked = true;
        }else{
            all[0].checked = false;
        }
    }
//-->

</SCRIPT>

 </HEAD>

 <BODY>
  <table>
    <tr>
     <td colspan="5"><INPUT TYPE="checkbox" NAME="allselectbox" onclick="javascript:allSelect('allselectbox','roleCodes')">全選</td>
    </tr>
    <tr>
    <td><INPUT TYPE="checkbox"  name="roleCodes" onclick="aa('allselectbox','roleCodes')">蘋果</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" onclick="aa('allselectbox','roleCodes')">梨子</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" onclick="aa('allselectbox','roleCodes')">香蕉</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" onclick="aa('allselectbox','roleCodes')">櫻桃</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" onclick="aa('allselectbox','roleCodes')">菠蘿</td>
    </tr>
  </table>
 </BODY>
</HTML>
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章