jquery如何获取复选框选中的值

互联网 18-11-19

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

在前面的文章中，我们已经为大家介绍过用js实现获取复选框选中的值，其实现思路并不是很难，想必大家都有一定的了解了。那么通过jquery获取复选框选中的值，比js的方法更为简便。

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

代码如下：

<!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 src="./js/jquery-1.4.4.min.js"></script> <script>  function jqchk(){ //jquery获取复选框值  var chk_value =[];  $('input[name="test"]:checked').each(function(){             chk_value.push($(this).val());  });  alert(chk_value.length==0 ?'你还没有选择任何内容！':chk_value);  } </script> </html>

实现结果如下图：