jQuery如何获取checkbox中的value值?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery如何获取checkbox中的value值?相关的知识,希望对你有一定的参考价值。

大体思路就是把你要的checkbox的元素遍历一下,然后取当前的value值,要使用jq内置的val()方法,代码如下:
<form onsubmit="return false;">
<input type="checkbox" value="三人行慕课1(3mooc.com)" name="check">三人行慕课1</input>
<input type="checkbox" value="三人行慕课2(3mooc.com)" name="check">三人行慕课2</input>
<input type="checkbox" value="三人行慕课3(3mooc.com)" name="check">三人行慕课3</input>
<input type="checkbox" value="三人行慕课4(3mooc.com)" name="check">三人行慕课4</input>
<input type="checkbox" value="三人行慕课5(3mooc.com)" name="check">三人行慕课5</input>
<button>选中是谁</button>
</form>

<script src="引入jquery.js"></script><script type="text/javascript">$(function() $("button").click(function() $.each($('input:checkbox:checked'),function() console.log( $(this).val() ); ); ))</script>
参考技术A value值:$('#id').prop('value')
checked值:$('#id').prop('checked')

jquery怎么获取选中的checkbox的值

<input type="checkbox" value="1111"/>1
<input type="checkbox" value="2222"/>2
<input type="checkbox" value="3333"/>3
<input type="checkbox" value="4444"/>4
<input type="checkbox" value="5555"/>5
<input type="checkbox" value="6666"/>6
<input type="button" id="test" value="Click Me"/>
<Script>
$(function()
   $("#test").on("click",function()
      var ichk=$("input:checkbox:checked").map(function()
         return $(this).val();
      ).get().join(",");
      alert(ichk);
   )
)
</Script>

参考技术A $("#btn5").click(function()//输出选中的值 
var str=""; 
$("[name='checkbox'][checked]").each(function() 
str+=$(this).val()+"/r/n"; 
//alert($(this).val()); 
// $(this).val()这个就是选中的值
)

以上是关于jQuery如何获取checkbox中的value值?的主要内容,如果未能解决你的问题,请参考以下文章

jquery 获取多个checkbox的value值

jquery怎么获取选中的checkbox的值

使用JQuery获取被选中的checkbox的value值

使用JQuery获取被选中的checkbox的value值

jQuery 获取和设置radio 和 checkbox 值的操作

jquery 获取checkbox多选框的值