JS JavaScript 如何获取多选框checkbox的值

 时间:2024-11-02 09:26:28

1、在checkbox加上同样的name属性

2、直接上代码:function Lond_c氯短赤亻keck(objname){ obj = document.getEleme荏鱿胫协ntsByName(objname); checkval = []; for(k in obj){ if(obj[k].checked) checkval.push(obj[k].value); } return checkval; }

3、使用方法

JS JavaScript 如何获取多选框checkbox的值

4、效果

JS JavaScript 如何获取多选框checkbox的值

5、HTML代码<!DOCTYPE html><html><head> <title></title><script type="text/javascript" src='js/Lond.js'></script></head><body><input type="checkbox" name="hell" value="选中1"><input type="checkbox" name="hell" value="选中2"><input type="checkbox" name="hell" value="选中3"><input type="checkbox" name="hell" value="选中4"><button onclick="fun()">测试</button><script type="text/javascript">function fun(){alert(Lond_ckeck('hell'))//id)}</script></body></html>

6、如果上面出错请复制下面HTML代码:H哌囿亡噱TML代码<!DOCTYPE html><html><head> <title></title></head><body><input type="checkbox" name="hell" value="选中1"><input type="checkbox" name="hell" value="选中2"><input type="checkbox" name="hell" value="选中3"><input type="checkbox" name="hell" value="选中4"><button onclick="fun()">测试</button><script type="text/javascript">function fun(){alert(Lond_ckeck('hell'))//id)}function Lond_ckeck(objname){ obj = document.getElementsByName(objname); checkval = []; for(k in obj){ if(obj[k].checked) checkval.push(obj[k].value); } return checkval;}</script></body></html>

JS JavaScript 如何获取多选框checkbox的值

7、注意事项: 传入参数一定是name属性

JS JavaScript 如何获取多选框checkbox的值
  • js怎么动态的增加和移除onclick事件
  • Win7 64位操作系统如何安装CMake
  • IDEA 使用教程系列八
  • 如何在VMware虚拟机建立Ubuntu12.04系统
  • Controller如何获取下拉列表的vlaue的值
  • 热门搜索
    岔气怎么办 麦粒肿是怎么引起的 螃蟹怎么蒸 爱奇艺弹幕怎么没了 怎么煮饭 安能物流怎么样 九里香怎么养 的繁体字怎么写 求职简历怎么写 美团外卖骑手怎么加入