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

2025-05-14 22:19:31

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、使用方法

4、效果

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>

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

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。