js怎么获取复选框选中的值

互联网 18-11-19

本篇文章主要给大家介绍js获取复选框选中的值的实现方法。

下面我们就结合具体的代码示例为大家详细介绍js实现获取复选框中选中的值的方法。

代码如下：

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> </head> <body> <input type="checkbox" name="test" value="0"/>0 <input type="checkbox" name="test" value="1"/>1 <input type="checkbox" name="test" value="2"/>2 <input type="checkbox" name="test" value="3"/>3 <input type="checkbox" name="test" value="4"/>4 <input type="checkbox" name="test" value="5"/>5 <input type="checkbox" name="test" value="6"/>6 <input type="checkbox" name="test" value="7"/>7 <input type="button" onclick="jqchk()" value="提 交"/> </body> <script>   function chk() {          var obj = document.getElementsByName('test');          console.log(obj);          var s = '';          for (var i = 0; i < obj.length; i++) {              if (obj[i].checked) s += obj[i].value + ',';         }         alert(s == '' ? '你还没有选择任何内容！' : s);     } </script> </html>