js获得checkbox选中的多个值
程序员文章站
2022-05-31 13:36:26
...
思路:利用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="show()"/>
2、javascript代码
function show(){
obj = document.getElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}
3、演示效果
上一篇: 别再磨蹭了!这五种情况表明你的内衣该丢了
下一篇: 微信小程序商城系列之商品详情页
推荐阅读
-
Jquery遍历checkbox获取选中项value值的方法
-
解决layui checkbox 提交多个值的问题
-
asp.net Repeater取得CheckBox选中的某行某个值
-
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
-
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法教程
-
asp.net Repeater取得CheckBox选中的某行某个值的c#写法
-
JS获取浏览器地址栏的多个参数值的任意值实例代码
-
js下获得单选框的值的代码
-
Layui Table js 模拟选中checkbox的例子
-
JavaScript取得gridview中获取checkbox选中的值