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值?的主要内容,如果未能解决你的问题,请参考以下文章