checkbox控件在應用javascript獲得其length屬性值爲undefine問題

當表單中只是一個checkbox控件時,應用javascript獲得其length屬性值爲undefine

解決辦法:新建一個層用於放置隱藏的checkbox控件

見16_實例程序

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鬧翻天實驗文件</title>
<script src="../JS/M_check.jsp"></script>
</head>

<body>
<form action="superType_Del_deal.jsp" method="post" name="frm">
              <table width="92%" height="192"  border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td valign="top"> <table width="100%" height="14"  border="0" cellpadding="0" cellspacing="0"> </table>
                    <table width="100%" height="48"  border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolordark="#CCCCCC" bordercolorlight="#FFFFFF">
                      <tr bgcolor="#eeeeee">
                        <td height="24" align="center">我愛鬧翻天</td>
                        <td width="8%" align="center">刪除</td>
                      </tr> 
                      <tr style="padding:5px;">
                        <td height="20" align="center">dasdsads</td>
                        <td align="center">
      <input name="delid" type="checkbox" class="noborder" value="1"></td>
                      </tr>
                      
                    </table>
                    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="73%" height="24">&nbsp;</td>
                        <td width="27%" align="right">
      <input name="checkbox" type="checkbox" class="noborder" onClick="CheckAll(frm.delid,frm.checkbox)">
                          [全選] [<a style="color:red;cursor:hand;" οnclick="checkdel(frm.delid,frm)">刪除</a>]
                          <!--<div id="ch">
                            <input name="delid" type="checkbox" class="noborder" value="0">
                          </div>-->
       
      </td>
                        <!--層ch用於放置隱藏的checkbox控件,因爲當表單中只是一個checkbox控件時,應用javascript獲得其length屬性值爲undefine-->
                        <script language="javascript">ch.style.display="none";</script>
      
      
                      </tr>
                    </table></td>
                </tr>
              </table>
            </form>
</body>
</html>

 
function CheckAll(elementsA,elementsB){
    alert(elementsA.length);
//顯示個數
    for(i=0;i<elementsA.length;i++){
        elementsA[i].checked 
= true;
    }

    
if(elementsB.checked ==false){
        
for(j=0;j<elementsA.length;j++){
            elementsA[j].checked 
= false;
        }

    }

}

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