zoukankan      html  css  js  c++  java
  • 用Javascript读取CheckBox数组的值

    用Javascript读取CheckBox数组的值
      为了同时支持Firefox和IE,我们常常用document.getElementById(id)方法来取得HTML对象。但是getElementById方法只能取得单个对象,而对于CheckBox数组则无能为力。   document.getElementsByName(name)方法正是用来读取对象数组的。用法如下:   var elements = document.getElementsByName("role");  ("role"为CheckBox数组中每个CheckBox共同的名字)
    for:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>getElementsByName范例</title>
    <script type="text/javascript">
    function test(){
    // 得到checkbox数组
    var elements = document.getElementsByName("role");
    var str = "";
    // 取得所选择的角色
    for(var i=0;i<elements.length;i++){
    if(elements[i].checked){
    str += "> " + elements[i].value + "\n";
    }
    }
    // 输出
    if(str == ""){
    alert("您没有选择任何角色!");
    }
    else{
    alert("您选择的角色为:\n\n" + str);
    }
    }
    </script>
    </head>
    <body>
    <table cellspacing="5" cellpadding="2" align="Center" border="1">
    <tr>
    <td align="center" class="dgHeader" nowrap>选择角色</td>
    <td align="left">
    系统管理员<input name="role" type="checkbox" value="系统管理员" ><br>

    总经理<input name="role" type="checkbox" value="总经理" ><br>

    代理商<input name="role" type="checkbox" value="代理商" ><br>

    客服人员<input name="role" type="checkbox" value="客服人员" ><br>
    </td>
    </tr>
    <tr>
    <td height="29" colspan="2" align="center">
    <input type="button" id="btnSubmit" style="font-size:12px;90px;" value="输出选择结果" onclick="test();" />
    </tr>
    </table>
    </body>
    </html>

    原文地址:http://www.corange.cn/archives/2010/12/3759.html
  • 相关阅读:
    JDK+Jmeter 环境搭建
    APP自动化中三大定位工具
    APP自动化环境配置
    pytest生成allure报告
    pytest怎么标记用例?
    pytest中怎么实现参数化?
    pytest中怎么引用前置中的变量
    pytest_前置后置
    toast文本提示信息元素获取
    js处理日历
  • 原文地址:https://www.cnblogs.com/zerogo/p/1919170.html
Copyright © 2011-2022 走看看