checkbox控件在应用javascript获得其length属性值为undefine问题

来源:互联网 发布:云帆翻墙软件怎么样啊 编辑:程序博客网 时间:2024/04/29 07:32
当表单中只是一个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;" onclick="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;
        }

    }

}

原创粉丝点击