jquery 获取选中的checkbox-jQuery 获取复选框的选定值

本文主要介绍jQuery获取复选框选中的值。 对于你现在的搜索和搜索问题还是有很好的参考价值的。 希望编程之家小编整理的内容对您有所帮助。 如果有任何错误或不完整的考虑，请随时赐教。

一、问题背景

有几个多选框，选择其中几个jquery 获取选中的checkboxjquery 获取选中的checkbox，得到选中的值

2、设计结果如下图所示：

3.设计源码

<pre class="brush:js;">

$(function(){
$("input[name='ckb']:checkbox").click(function() {
var str = "";
$("input[name='ckb']:checkbox").each(function() {
if($(this).is(":checked"))
{
str += $(this).attr("value")+",";
}
});
if(str != null && str.length > 1)
{
str = str.substring(0,str.length-1);
}
alert(str);
});
});

<input type="checkBox" name="ckb" value="1"/>苹果
<input type="checkBox" name="ckb" value="2"/>橘子
<input type="checkBox" name="ckb" value="3"/>梨子
<input type="checkBox" name="ckb" value="4"/>香蕉

给大家分享一段关于jQuery如何操作CheckBox（选择、取消、取值）的代码

<pre class="brush:js;">

<input type="checkBox" name="checkBox" value="checkBox1">
checkBox1
<input type="checkBox" name="checkBox" value="checkBox2">
checkBox2
<input type="checkBox" name="checkBox" value="checkBox3">
checkBox3
<input type="checkBox" name="checkBox" value="checkBox4">
checkBox4
<input type="checkBox" name="checkBox" value="checkBox5">
checkBox5
<input type="checkBox" name="checkBox" value="checkBox6">
checkBox6
<input type="checkBox" name="checkBox" value="checkBox7">
checkBox7
<input type="checkBox" name="checkBox" value="checkBox8">
checkBox8

以上是小编给大家分享的获取checkBox选中的值的jQuery。 希望对您有所帮助。

jquery获取checkbox值获取checkbox选中的值