blocks|key|510520|text|var+values+=+"";
$("checkbox[name=areaofinterest]").each(function()+{+
++++values+%2B=+$(this).val()+%2B+",";
});

values+=+values.substring(0,+values.length+-+2);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|510521|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 values = "";
$("checkbox[name=areaofinterest]").each(function() { 
 values += $(this).val() + ",";
});

values = values.substring(0, values.length - 2);
</code></pre>

blocks|key|294058|text|var+areaofinterest+=+'';

$('[name="areaofinterest"]')​.each(function(i,e)+{
++++var+comma+=+areaofinterest.length===0?'':',';
++++areaofinterest+%2B=+(comma%2Be.value);
})​;|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|294059|要仅获取复选框的值，请执行以下操作：|unstyled|294060|var+areaofinterest+=+'';

$('[name="areaofinterest"]')​.each(function(i,e)+{
++++if+($(e).is(':checked'))+{
++++++++var+comma+=+areaofinterest.length===0?'':',';
++++++++areaofinterest+%2B=+(comma%2Be.value);
++++}
})​;|294061|FIDDLE|offset|length|294062|您还可以执行以下操作：|294063|var+areaofinterest+=+[];
$('[name="areaofinterest"]:checked').each(function(i,e)+{
++++areaofinterest.push(e.value);
});

areaofinterest+=+areaofinterest.join(',');|294064|可能还有很多其他的方法可以做到这一点呢？|294065|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/97vrS/1/^0|0|0|0|0|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|11|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|13|8|@]|9|@$K|14|L|15|1|16]]|A|$]]|$1|M|3|N|5|F|7|17|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|A|$B|C]]|$1|Q|3|R|5|F|7|19|8|@]|9|@]|A|$]]|$1|S|3|-4|5|F|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

<pre><code>var areaofinterest = '';

$('[name="areaofinterest"]')​.each(function(i,e) {
 var comma = areaofinterest.length===0?'':',';
 areaofinterest += (comma+e.value);
})​;
</code></pre>

To get only checked boxes value :

<pre><code>var areaofinterest = '';

$('[name="areaofinterest"]')​.each(function(i,e) {
 if ($(e).is(':checked')) {
 var comma = areaofinterest.length===0?'':',';
 areaofinterest += (comma+e.value);
 }
})​;
</code></pre>

<a href="http://jsfiddle.net/97vrS/1/" rel="nofollow">FIDDLE</a>

You could also do:

<pre><code>var areaofinterest = [];
$('[name="areaofinterest"]:checked').each(function(i,e) {
 areaofinterest.push(e.value);
});

areaofinterest = areaofinterest.join(',');
</code></pre>

And there's probably a bunch of other ways to do this ?

blocks|key|510581|text|尝试如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|510582|var+areaofinterest=+"";

$("input[type=\"checkbox\"]").each(function()+{
++++if+($(this).attr("checked"))+{
++++++++if+(areaofinterest+!==+"")+areaofinterest+%2B=+",";

++++++++areaofinterest+%2B=+$(this).value();
++++}
});|code-block|syntax|javascript|510583|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try something like this:

<pre><code>var areaofinterest= "";

$("input[type=\"checkbox\"]").each(function() {
 if ($(this).attr("checked")) {
 if (areaofinterest !== "") areaofinterest += ",";

 areaofinterest += $(this).value();
 }
});
</code></pre>

blocks|key|294122|text|或者，您可以使用如下所示的数组|type|unstyled|depth|inlineStyleRanges|entityRanges|data|294123|+var+checkBoxArray+=+new+Array();
+var+areaofinterest+=+'';

+$(':checkbox:checked').each(function(i){
++++++++checkBoxArray+.push($(this).attr("value"));

});

++if+(checkBoxArray+.length+==+0)+{
+++++}+else+{
+++++while+(checkBoxArray+.length+!=+0)+{
++++++++++++if+(checkBoxArray+.length+==+1)+{
++++++++++++++++areaofinterest+%2B=+checkBoxArray+.pop();
++++++++++++}+else+{
++++++++++++++++areaofinterest+%2B=+(checkBoxArray+.pop()+%2B+",");
+++++++++++++++++}
++++++++++++}
}
console.log(areaofinterest);|code-block|syntax|javascript|294124|尽管你会以相反的顺序得到字符串。|294125|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|$]]

Or you use can do using array like shown below

<pre><code> var checkBoxArray = new Array();
 var areaofinterest = '';

 $(':checkbox:checked').each(function(i){
 checkBoxArray .push($(this).attr("value"));

});

 if (checkBoxArray .length == 0) {
 } else {
 while (checkBoxArray .length != 0) {
 if (checkBoxArray .length == 1) {
 areaofinterest += checkBoxArray .pop();
 } else {
 areaofinterest += (checkBoxArray .pop() + ",");
 }
 }
}
console.log(areaofinterest);
</code></pre>

though you will get String in reverse order.

blocks|key|294147|text|使用jQuery获取多个checkbox的值并输出为逗号分隔的字符串。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|294148|var+programming+=+$("input[name='programming']:checked").map(function()+{
++++return+this.value;
}).get().join(',+');

alert("My+favourite+programming+languages+are:+"+%2B+programming);

++++OR

var+favProgramming+=+[];
$.each($("input[name='programming']:checked"),+function(){++++++++++++
++++favProgramming+.push($(this).val());
});

alert("My+favourite+programming+languages+are:+"+%2B+favProgramming);|code-block|syntax|javascript|294149|FOR+DEMO+HERE|offset|length|294150|entityMap|0|LINK|mutability|MUTABLE|url|https://www.tutsmake.com/jquery-multiple-checkbox-values-to-comma-separated-string/^0|0|0|0|D|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Using jQuery to get multiple checkbox's value and output as comma separated String.

<pre><code>var programming = $("input[name='programming']:checked").map(function() {
 return this.value;
}).get().join(', ');

alert("My favourite programming languages are: " + programming);

 OR

var favProgramming = [];
$.each($("input[name='programming']:checked"), function(){ 
 favProgramming .push($(this).val());
});

alert("My favourite programming languages are: " + favProgramming);
</code></pre>

<a href="https://www.tutsmake.com/jquery-multiple-checkbox-values-to-comma-separated-string/" rel="nofollow noreferrer">FOR DEMO HERE</a>

blocks|key|294156|text|+var+mode+=+[];
++++++++++++jQuery("input[name='mode[]']:checked").each(function(i)+{
++++++++++++++++mode.push($(this).val());
++++++++++++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|294157|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 mode = [];
 jQuery("input[name='mode[]']:checked").each(function(i) {
 mode.push($(this).val());
 });
</code></pre>

I have many checkboxs as below, 

<pre><code>&lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_coo" id="home_coo" class="Checkbox" &gt; Cooking&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_cra" id="home_cra" class="Checkbox"&gt; Crafts&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_dec" id="home_dec" class="Checkbox"&gt; Decorating&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_ent" id="home_ent" class="Checkbox"&gt; Entertaining&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_gar" id="home_gar" class="Checkbox"&gt; Gardening&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_hom" id="home_hom" class="Checkbox"&gt; Home Improvement&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_mar" id="home_mar" class="Checkbox"&gt; Marriage&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_par" id="home_par" class="Checkbox"&gt; Parenting&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_pet" id="home_pet" class="Checkbox" &gt; Pets&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_ret" id="home_ret" class="Checkbox"&gt; Retirement&lt;/li&gt;
</code></pre>

How can I use jQuery to get the checked values and output as areaofinterest="home_coo,home_mar,home_pet" ? 

Thanks a lot.

Using jQuery to get multiple checkbox's value and output as comma separated String.

jQuery

我有许多复选框，如下所示：<li><input type="checkbox" name="areaofinterest" value="home_coo" id="home_coo" class="Checkbox" > Cooking</li> <li><input type="checkbox" name=...

问使用jQuery获取多个checkbox的值并输出为逗号分隔的字符串。
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery获取多个checkbox的值并输出为逗号分隔的字符串。EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery获取多个checkbox的值并输出为逗号分隔的字符串。
EN