blocks|key|314747|text|$('input:checkbox[name=locationthemes]:checked').each(function()+
{
+++//+add+$(this).val()+to+your+array
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|314748|工作Demo|unstyled|offset|length|314749|或|314750|使用jQuery的is()函数：|style|CODE|314751|$('input:checkbox[name=locationthemes]').each(function()+
{++++
++++if($(this).is(':checked'))
++++++alert($(this).val());
});|314752|​|314753|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/gydhT/1/|1|http://api.jquery.com/is/^0|0|2|4|0|0|0|9|4|9|4|1|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|13|8|@]|9|@$G|14|H|15|1|16]]|A|$]]|$1|I|3|J|5|F|7|17|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|18|8|@$G|19|H|1A|M|N]]|9|@$G|1B|H|1C|1|1D]]|A|$]]|$1|O|3|P|5|6|7|1E|8|@]|9|@]|A|$B|C]]|$1|Q|3|R|5|F|7|1F|8|@]|9|@]|A|$]]|$1|S|3|-4|5|F|7|1G|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]|10|$5|V|W|X|A|$Y|11]]]]

<pre><code>$('input:checkbox[name=locationthemes]:checked').each(function() 
{
 // add $(this).val() to your array
});
</code></pre>

Working <a href="http://jsfiddle.net/gydhT/1/" rel="noreferrer">Demo</a> 

OR 

Use jQuery's <a href="http://api.jquery.com/is/" rel="noreferrer"><code>is()</code></a> function:

<pre><code>$('input:checkbox[name=locationthemes]').each(function() 
{ 
 if($(this).is(':checked'))
 alert($(this).val());
});
</code></pre>

​

blocks|key|531820|text|Map数组是最快、最干净的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|531821|var+array+=+$.map($('input[name="locationthemes"]:checked'),+function(c){return+c.value;+})|code-block|syntax|javascript|531822|将返回值作为数组，如下所示：|531823|array+=>+[2,3]|531824|假设城堡和谷仓都被检查过了而其他人没有。|531825|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Map the array is the quickest and cleanest. 

<pre><code>var array = $.map($('input[name="locationthemes"]:checked'), function(c){return c.value; })
</code></pre>

will return values as an array like:

<pre><code>array =&gt; [2,3]
</code></pre>

assuming castle and barn were checked and the others were not.

blocks|key|314898|text|$("#locationthemes").prop("checked")|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|314899|entityMap^0|0|10|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<code>$("#locationthemes").prop("checked")</code>

blocks|key|314799|text|使用jquery的map函数|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|314800|var+checkboxValues+=+[];
$('input[name=checkboxName]:checked').map(function()+{
++++++++++++checkboxValues.push($(this).val());
});|code-block|syntax|javascript|314801|entityMap^0|9|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Using jquery's <code>map</code> function

<pre><code>var checkboxValues = [];
$('input[name=checkboxName]:checked').map(function() {
 checkboxValues.push($(this).val());
});
</code></pre>

blocks|key|314757|text|You+can+also+use+the+below+code
$("input:checkbox:checked").map(function()
{
return+$(this).val();
}).get();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|314758|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>You can also use the below code
$("input:checkbox:checked").map(function()
{
return $(this).val();
}).get();
</code></pre>

blocks|key|531929|text|一种更现代的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|531930|const+selectedValues+=+$('input[name="locationthemes"]:checked').map(+function+()+{+
++++++++return+$(this).val();+
++++})
++++.get()
++++.join(',+');|code-block|syntax|javascript|531931|我们首先找到具有给定名称的所有选中的复选框，然后jQuery的map()遍历每个复选框，在其上调用回调以获取值，并将结果作为一个新的jQuery集合返回，该集合现在保存了复选框的值。然后，我们对它调用get()以获取一个值数组，然后使用join()将它们连接成一个字符串-然后将该字符串分配给常量selectedValues。|531932|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

A bit more modern way to do it:
<pre><code>const selectedValues = $('input[name=&quot;locationthemes&quot;]:checked').map( function () { 
 return $(this).val(); 
 })
 .get()
 .join(', ');
</code></pre>
We first find all the selected checkboxes with the given name, and then jQuery's map() iterates through each of them, calling the callback on it to get the value, and returning the result as a new jQuery collection that now holds the checkbox values. We then call get() on it to get an array of values, and then join() to concatenate them into a single string - which is then assigned to the constant selectedValues.

blocks|key|314920|text|var+SlectedList+=+new+Array();
$("input.yorcheckboxclass:checked").each(function()+{
+++++SlectedList.push($(this).val());
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|314921|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var SlectedList = new Array();
$("input.yorcheckboxclass:checked").each(function() {
 SlectedList.push($(this).val());
});
</code></pre>

blocks|key|314857|text|所以只有一行代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|314858|var+checkedItemsAsString+=+$('[id*="checkbox"]:checked').map(function()+{+return+$(this).val().toString();+}+).get().join(",");|code-block|syntax|javascript|314859|注意选择器复选框，它将抓取任何带有字符串“[id*="checkbox"]”的项。这里有点笨拙，但如果您试图从.NET+CheckBoxList之类的东西中提取选定的值，则非常有用。在这种情况下，"checkbox“将是您为CheckBoxList控件指定的名称。|offset|length|style|CODE|314860|entityMap^0|0|0|L|G|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

So all in one line:

<pre><code>var checkedItemsAsString = $('[id*="checkbox"]:checked').map(function() { return $(this).val().toString(); } ).get().join(",");
</code></pre>

..a note about the selector <code>[id*="checkbox"]</code> , it will grab any item with the string "checkbox" in it. A bit clumsy here, but really good if you are trying to pull the selected values out of something like a .NET CheckBoxList. In that case "checkbox" would be the name that you gave the CheckBoxList control.

blocks|key|314906|text|var+voyageId+=+new+Array();+
$("input[name='voyageId[]']:checked:enabled").each(function+()+{
+++voyageId.push($(this).val());
});++++++|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|314907|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var voyageId = new Array(); 
$("input[name='voyageId[]']:checked:enabled").each(function () {
 voyageId.push($(this).val());
}); 
</code></pre>

I want to loop through the checkboxgroup 'locationthemes' and build a string with all selected values.
So when checkbox 2 and 4 are selected the result would be: "3,8"

<pre><code>&lt;input type="checkbox" name="locationthemes" id="checkbox-1" value="2" class="custom" /&gt;
&lt;label for="checkbox-1"&gt;Castle&lt;/label&gt;
&lt;input type="checkbox" name="locationthemes" id="checkbox-2" value="3" class="custom" /&gt;
&lt;label for="checkbox-2"&gt;Barn&lt;/label&gt;
&lt;input type="checkbox" name="locationthemes" id="checkbox-3" value="5" class="custom" /&gt;
&lt;label for="checkbox-3"&gt;Restaurant&lt;/label&gt;
&lt;input type="checkbox" name="locationthemes" id="checkbox-4" value="8" class="custom" /&gt;
&lt;label for="checkbox-4"&gt;Bar&lt;/label&gt;
</code></pre>

I checked here: <a href="http://api.jquery.com/checked-selector/">http://api.jquery.com/checked-selector/</a> but there's no example how to select a checkboxgroup by its name.

How can I do this?

use jQuery to get values of selected checkboxes

jQuery

我想遍历checkboxgroup 'locationthemes‘，并使用所有选定的值构建一个字符串。因此，当选中复选框2和4时，结果将是："3,8“<input type="checkbox" name="locationthemes" id="checkbox-1" value="2" class="custom" /><label for="checkbox-1">Castle</labe

问使用jQuery获取所选复选框的值
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery获取所选复选框的值EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery获取所选复选框的值
EN