用Javascript读取CheckBox数组的值的代码(兼容IE与firefox)

document.getElementsByName(name)方法正是用来读取对象数组的。用法如下：
var elements = document.getElementsByName("role");
（"role"为CheckBox数组中每个CheckBox共同的名字）
for:

getElementsByName范例

function test(){
// 得到checkbox数组
var elements = document.getElementsByName("role");
var str = "";
// 取得所选择的角色
for(var i=0;i " + elements[i].value + "\n";
}
}
// 输出
if(str == ""){
alert("您没有选择任何角色！");
}
else{
alert("您选择的角色为：\n\n" + str);
}
}

选择角色 系统管理员

总经理

代理商

客服人员

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • js checkbox(复选框) 使用集锦

    function selectAll() //全选 { var objs = document.getElementsByName('twId'); var i; for(i = 0; i < objs.length; i++) { if(objs[i].type == "checkbox") { objs[i].checked = true; } } } function unselect() //反选 { var objs = document.getElementsByNa

  • JS获得选取checkbox整行数据的方法

    本文实例讲述了JS获得选取checkbox整行数据的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head> <script language="java

  • js获取checkbox复选框选中的选项实例

    有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field); var message = ""; for (var i = 0, len = option.leng

  • js单独获取一个checkbox看其是否被选中

    <script language=javascript> function check(){ var xz=document.getElementById("xz"); alert(xz.checked); } </script> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <inpu

  • js获取checkbox值的方法

    本文实例讲述了js获取checkbox值的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head> <script language="javascrip

  • js实现checkbox全选和反选示例

    复选框全选示例 复制代码 代码如下: <input type="checkbox" name="selectall" value=on onclick="selectAll()"> function selectAll(form) { var obj = document.getElementsByName('selectall'); var cks = document.getElementsByTagName("inpu

  • js实现翻页后保持checkbox选中状态的实现方法

    js实现翻页后保持checkbox选中状态的实现方法

    项目中的分页使用真分页,每次点击上下页按钮后,再次调用后台方法查询,重新刷新此页面.所以checkbox为false. 比如酷狗音乐中,上下页选中的歌曲不会保留,只能在每页中选择添加后,再切换下页. 但是项目中有着需求,所以只能完成实现. 项目具体的需求如下:给角色授权时,选择模块以及模块下的操作,点击上下页后选中的checkbox不变. 界面如下: 实现的思路如下: 在界面中,使用纯js完成.把选中的checkbox中的id,其中包括模块id,操作id,拼接成一个字符串,然后把字符串传递到ac

  • 比较全的JS checkbox全选、取消全选、删除功能代码

    看下面两种实现方法: JS checkbox 方法一: 复制代码 代码如下: function checkAll() { var code_Values = document.all['code_Value']; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i].checked = true; } }else{ code_Values.checked = true; } } functio

  • 基于javascript实现checkbox复选框实例代码

    基于javascript实现checkbox复选框实例代码

    本文实例讲解了javascript实现checkbox复选框的详细代码,分享给大家供大家参考,具体内容如下 效果图: 具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascr

  • Js动态添加复选框Checkbox的实例方法

    首先,使用JS动态产生Checkbox可以采用如下类似的语句: 复制代码 代码如下: var checkBox=document.createElement("input");checkBox.setAttribute("type","checkbox");checkBox.setAttribute("id",'123456'); 但是,这样产生的checkbox是不带尾后的文字的,如果需要添加,那么需要使用document.

随机推荐