如何用js读取复选框的值？

Posted 2023-05-04

7个复选框，一个下拉列表，两个文本框，文本框那个用value貌似可以。
其他的呢？

思路：首先利用name属性值获取checkbox对象，然后循环判断checked属性：如果为true表示被选中，false则表示未选中。

实例演示如下：

1、html结构

<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>

2、javascript代码

function fun()
    obj = document.getElementsByName("test");
    check_val = [];
    for(k in obj)
        if(obj[k].checked)
            check_val.push(obj[k].value);
    
    alert(check_val);

3、演示效果

参考技术A 下拉框和复选框好像都有value哦
不过下拉框也可以没有，那就用innerText
复选框是value的，要是你非不用value，，那他就没用值，你取什么？
不过要判读他有没有选中，到是可以 参考技术B 可以这样获取：var names=document.getElementsByName("checkBox").value; 因为这样获取的的结果是一个数组然后通过循环来获取选中的复选框的值就ok了。注意同类型选项的复选框的名字要相同。 参考技术C var arr;
function getCheckBoxValue()
var r=document.getelementsbyname("checkboxName");
var i = 0;
for(var i=0;i<r.length;i++)
if(r[i].checked)
arr[i] = r[i].value;
i++;


本回答被提问者和网友采纳 参考技术D 我有一段C#代码，不知对你有否帮助？
如果需要，联系我。
我主要用这个来实现动态显示表格的字段

如何用JavaScript取得Radio被选中的值

参考技术A 思路：在html中获取被选中的radio的值，即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。
步骤如下：
radio代码片断：

<input type="radio" name="a1" value="1"/>正确
<input type="radio" name="a1" value="0" />错误

js代码如下：
var b1= document.getElementsByName('a1');
for (var i = 0; i < b1.length; i++)
if (b1[i].checked == true) //如果选中，下面的alert就会弹出选中的值
alert(b1[i].value);


定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
语法
document.getElementsByName(name)
该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。
另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。本回答被提问者采纳