blocks|key|1402816|text|已格式化：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1402817|$("input:checkbox[name=type]:checked").each(function(){
++++yourArray.push($(this).val());
});|code-block|syntax|javascript|1402818|希望它能起作用。|1402819|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|$]]

<p>Formatted :</p>

<pre><code>$("input:checkbox[name=type]:checked").each(function(){
    yourArray.push($(this).val());
});
</code></pre>

<p>Hopefully, it will work.</p>


blocks|key|1402913|text|var+chk_arr+=++document.getElementsByName("chkRights[]");
var+chklength+=+chk_arr.length;+++++++++++++

for(k=0;k<+chklength;k%2B%2B)
{
++++chk_arr[k].checked+=+false;
}+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1402914|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 chk_arr =  document.getElementsByName("chkRights[]");
var chklength = chk_arr.length;             

for(k=0;k&lt; chklength;k++)
{
    chk_arr[k].checked = false;
} 
</code></pre>


blocks|key|1402876|text|我没有测试它，但它应该可以工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1402877|<script+type="text/javascript">
var+selected+=+new+Array();

$(document).ready(function()+{

++$("input:checkbox[name=type]:checked").each(function()+{
+++++++selected.push($(this).val());
++});

});

</script>|code-block|syntax|javascript|1402878|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|$]]

<p>I didnt test it but it should work</p>

<pre><code>&lt;script type="text/javascript"&gt;
var selected = new Array();

$(document).ready(function() {

  $("input:checkbox[name=type]:checked").each(function() {
       selected.push($(this).val());
  });

});

&lt;/script&gt;
</code></pre>


blocks|key|1402856|text|这应该能起到作用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1402857|$('input:checked');|code-block|syntax|javascript|1402858|我不认为你有其他可以检查的元素，但如果你有，你必须让它更具体：|1402859|$('input:checkbox:checked');

$('input:checkbox').filter(':checked');|1402860|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>This should do the trick:</p>

<pre><code>$('input:checked');
</code></pre>

<p>I don't think you've got other elements that can be checked, but if you do, you'd have to make it more specific:</p>

<pre><code>$('input:checkbox:checked');

$('input:checkbox').filter(':checked');
</code></pre>


blocks|key|1403308|text|不需要临时变量的纯JavaScript：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1403309|Array.from(document.querySelectorAll("input[type=checkbox][name=type]:checked"),+e+=>+e.value);|code-block|syntax|javascript|1403310|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|$]]

<p>Pure JavaScript with no need for temporary variables:</p>
<pre><code>Array.from(document.querySelectorAll(&quot;input[type=checkbox][name=type]:checked&quot;), e =&gt; e.value);
</code></pre>


blocks|key|1402904|text|在MooTools+1.3中(撰写本文时的最新版本)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1402905|var+array+=+[];
$$("input[type=checkbox]:checked").each(function(i){
++++array.push(+i.value+);
});|code-block|syntax|javascript|1402906|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|$]]

<p>In MooTools 1.3 (latest at the time of writing):</p>

<pre><code>var array = [];
$$("input[type=checkbox]:checked").each(function(i){
    array.push( i.value );
});
</code></pre>


blocks|key|1403047|text|如果你想使用一个普通的JS，你可以使用类似于@zahid-ullah的方法，但是要避免循环：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1403048|++var+values+=+[].filter.call(document.getElementsByName('fruits[]'),+function(c)+{
++++return+c.checked;
++}).map(function(c)+{
++++return+c.value;
++});|code-block|syntax|javascript|1403049|ES6中的相同代码看起来要好得多：|1403050|var+values+=+[].filter.call(document.getElementsByName('fruits[]'),+(c)+=>+c.checked).map(c+=>+c.value);|1403051|​|1403052|window.serialize+=+function+serialize()+{
++var+values+=+[].filter.call(document.getElementsByName('fruits[]'),+function(c)+{
++++return+c.checked;
++}).map(function(c)+{
++++return+c.value;
++});
++document.getElementById('serialized').innerText+=+JSON.stringify(values);
}|1403053|label+{
++display:+block;
}|1403054|<label>
++<input+type="checkbox"+name="fruits[]"+value="banana">Banana
</label>
<label>
++<input+type="checkbox"+name="fruits[]"+value="apple">Apple
</label>
<label>
++<input+type="checkbox"+name="fruits[]"+value="peach">Peach
</label>
<label>
++<input+type="checkbox"+name="fruits[]"+value="orange">Orange
</label>
<label>
++<input+type="checkbox"+name="fruits[]"+value="strawberry">Strawberry
</label>
<button+onclick="serialize()">Serialize
</button>
<div+id="serialized">
</div>|1403055|1403056|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|X|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Z|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|S|3|L|5|6|7|13|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|U|$]]

<p>If you want to use a vanilla JS, you can do it similarly to a @zahid-ullah, but avoiding a loop:</p>

<pre><code>  var values = [].filter.call(document.getElementsByName('fruits[]'), function(c) {
    return c.checked;
  }).map(function(c) {
    return c.value;
  });
</code></pre>

<p>The same code in ES6 looks a way better:</p>

<pre><code>var values = [].filter.call(document.getElementsByName('fruits[]'), (c) =&gt; c.checked).map(c =&gt; c.value);
</code></pre>

<p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>window.serialize = function serialize() {
  var values = [].filter.call(document.getElementsByName('fruits[]'), function(c) {
    return c.checked;
  }).map(function(c) {
    return c.value;
  });
  document.getElementById('serialized').innerText = JSON.stringify(values);
}</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>label {
  display: block;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;label&gt;
  &lt;input type="checkbox" name="fruits[]" value="banana"&gt;Banana
&lt;/label&gt;
&lt;label&gt;
  &lt;input type="checkbox" name="fruits[]" value="apple"&gt;Apple
&lt;/label&gt;
&lt;label&gt;
  &lt;input type="checkbox" name="fruits[]" value="peach"&gt;Peach
&lt;/label&gt;
&lt;label&gt;
  &lt;input type="checkbox" name="fruits[]" value="orange"&gt;Orange
&lt;/label&gt;
&lt;label&gt;
  &lt;input type="checkbox" name="fruits[]" value="strawberry"&gt;Strawberry
&lt;/label&gt;
&lt;button onclick="serialize()"&gt;Serialize
&lt;/button&gt;
&lt;div id="serialized"&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1402954|text|在Javascript中，它应该是这样的(Demo+Link)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1402955|//+get+selected+checkboxes
function+getSelectedChbox(frm)+{
++var+selchbox+=+[];//+array+that+will+store+the+value+of+selected+checkboxes
++//+gets+all+the+input+tags+in+frm,+and+their+number
++var+inpfields+=+frm.getElementsByTagName('input');
++var+nr_inpfields+=+inpfields.length;
++//+traverse+the+inpfields+elements,+and+adds+the+value+of+selected+(checked)+checkbox+in+selchbox
++for(var+i=0;+i<nr_inpfields;+i%2B%2B)+{
++++if(inpfields[i].type+==+'checkbox'+&&+inpfields[i].checked+==+true)+selchbox.push(inpfields[i].value);
++}
++return+selchbox;
}+++|code-block|syntax|javascript|1402956|entityMap|0|LINK|mutability|MUTABLE|url|http://jsbin.com/nudoridavo/2/^0|K|B|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>In Javascript it would be like this <a href="http://jsbin.com/nudoridavo/2/" rel="noreferrer">(Demo Link)</a>:</p>

<pre><code>// get selected checkboxes
function getSelectedChbox(frm) {
  var selchbox = [];// array that will store the value of selected checkboxes
  // gets all the input tags in frm, and their number
  var inpfields = frm.getElementsByTagName('input');
  var nr_inpfields = inpfields.length;
  // traverse the inpfields elements, and adds the value of selected (checked) checkbox in selchbox
  for(var i=0; i&lt;nr_inpfields; i++) {
    if(inpfields[i].type == 'checkbox' &amp;&amp; inpfields[i].checked == true) selchbox.push(inpfields[i].value);
  }
  return selchbox;
}   
</code></pre>


blocks|key|1617786|text|var+checkedValues+=+$('input:checkbox.vdrSelected:checked').map(function+()+{
++++++++return+this.value;
++++}).get();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1617787|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 checkedValues = $('input:checkbox.vdrSelected:checked').map(function () {
        return this.value;
    }).get();
</code></pre>


blocks|key|1403160|text|选中add+the+value+for复选框并取消勾选时减去该值|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1403161|​|1403162|$('#myDiv').change(function()+{
++var+values+=+0.00;
++{
++++$('#myDiv+:checked').each(function()+{
++++++//if(values.indexOf($(this).val())+===+-1){
++++++values=values%2BparseFloat(($(this).val()));
++++++//+}
++++});
++++console.log(+parseFloat(values));
++}
});|code-block|syntax|javascript|1403163|<div+id="myDiv">
++<input+type="checkbox"+name="type"+value="4.00"+/>
++<input+type="checkbox"+name="type"+value="3.75"+/>
++<input+type="checkbox"+name="type"+value="1.25"+/>
++<input+type="checkbox"+name="type"+value="5.50"+/>
</div>
<script+src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>|1403164|1403165|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>On checking add the value for checkbox and on dechecking subtract the value</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$('#myDiv').change(function() {
  var values = 0.00;
  {
    $('#myDiv :checked').each(function() {
      //if(values.indexOf($(this).val()) === -1){
      values=values+parseFloat(($(this).val()));
      // }
    });
    console.log( parseFloat(values));
  }
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="myDiv"&gt;
  &lt;input type="checkbox" name="type" value="4.00" /&gt;
  &lt;input type="checkbox" name="type" value="3.75" /&gt;
  &lt;input type="checkbox" name="type" value="1.25" /&gt;
  &lt;input type="checkbox" name="type" value="5.50" /&gt;
&lt;/div&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1618002|text|在现代浏览器中使用普通JS实现这一点的另一种方法(不支持IE，遗憾的是，在撰写本文时还没有对iOS+Safari的支持)是使用FormData.getAll()|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1618003|var+formdata+++=+new+FormData(document.getElementById("myform"));
var+allchecked+=+formdata.getAll("type");+//+"type"+is+the+input+name+in+the+question

//+allchecked+is+["1","3","4","5"]++--+if+indeed+all+are+checked|code-block|syntax|javascript|1618004|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/FormData/getAll^0|1R|H|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>Another way of doing this with vanilla JS in modern browsers (no IE support, and sadly no iOS Safari support at the time of writing) is with <a href="https://developer.mozilla.org/en-US/docs/Web/API/FormData/getAll" rel="nofollow noreferrer">FormData.getAll()</a>:</p>

<pre><code>var formdata   = new FormData(document.getElementById("myform"));
var allchecked = formdata.getAll("type"); // "type" is the input name in the question

// allchecked is ["1","3","4","5"]  -- if indeed all are checked
</code></pre>


blocks|key|1617789|text|使用以下命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1617790|var+arr+=+$('input:checkbox:checked').map(function+()+{
++return+this.value;
}).get();|code-block|syntax|javascript|1617791|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|$]]

<p>Use this:</p>

<pre><code>var arr = $('input:checkbox:checked').map(function () {
  return this.value;
}).get();
</code></pre>


blocks|key|1403339|text|按输入名称选择复选框|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1403340|var+category_id+=+[];

$.each($("input[name='yourClass[]']:checked"),+function(){++++++++++++++++++++
++++category_id.push($(this).val());
});|code-block|syntax|javascript|1403341|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|$]]

<p>Select Checkbox by input name</p>
<pre><code>var category_id = [];

$.each($(&quot;input[name='yourClass[]']:checked&quot;), function(){                    
    category_id.push($(this).val());
});
</code></pre>


blocks|key|1402976|text|使用Jquery|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1402977|你只需要添加类到每个输入，我有添加类“源”，你当然可以改变它|1402978|<input+class="source"+type="checkbox"+name="type"+value="4"+/>
<input+class="source"+type="checkbox"+name="type"+value="3"+/>
<input+class="source"+type="checkbox"+name="type"+value="1"+/>
<input+class="source"+type="checkbox"+name="type"+value="5"+/>

<script+type="text/javascript">
$(document).ready(function()+{
++++var+selected_value+=+[];+//+initialize+empty+array+
++++$(".source:checked").each(function(){
++++++++selected_value.push($(this).val());
++++});
++++console.log(selected_value);+//Press+F12+to+see+all+selected+values
});
</script>|code-block|syntax|javascript|1402979|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Using Jquery </p>

<p>You only need to add class to every input, i have add class "source" you can change it of course</p>

<pre><code>&lt;input class="source" type="checkbox" name="type" value="4" /&gt;
&lt;input class="source" type="checkbox" name="type" value="3" /&gt;
&lt;input class="source" type="checkbox" name="type" value="1" /&gt;
&lt;input class="source" type="checkbox" name="type" value="5" /&gt;

&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    var selected_value = []; // initialize empty array 
    $(".source:checked").each(function(){
        selected_value.push($(this).val());
    });
    console.log(selected_value); //Press F12 to see all selected values
});
&lt;/script&gt;
</code></pre>


blocks|key|1403238|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1403239|function+selectedValues(ele){
++var+arr+=+[];
++for(var+i+=+0;+i+<+ele.length;+i%2B%2B){
++++if(ele[i].type+==+'checkbox'+&&+ele[i].checked){
++++++arr.push(ele[i].value);
++++}
++}
++return+arr;
}|code-block|syntax|javascript|1403240|1403241|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function selectedValues(ele){
  var arr = [];
  for(var i = 0; i &lt; ele.length; i++){
    if(ele[i].type == 'checkbox' &amp;&amp; ele[i].checked){
      arr.push(ele[i].value);
    }
  }
  return arr;
}</code></pre>
</div>
</div>
</p>


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


blocks|key|1403121|text|如果使用按钮单击或其他方法运行插入，则使用注释if块防止添加数组中已有的值|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1403122|​|1403123|$('#myDiv').change(function()+{
++var+values+=+[];
++{
++++$('#myDiv+:checked').each(function()+{
++++++//if(values.indexOf($(this).val())+===+-1){
++++++values.push($(this).val());
++++++//+}
++++});
++++console.log(values);
++}
});|code-block|syntax|javascript|1403124|<div+id="myDiv">
++<input+type="checkbox"+name="type"+value="4"+/>
++<input+type="checkbox"+name="type"+value="3"+/>
++<input+type="checkbox"+name="type"+value="1"+/>
++<input+type="checkbox"+name="type"+value="5"+/>
</div>
<script+src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>|1403125|1403126|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>Use commented if block to prevent add values which has already in array if you use button click or something to run the insertion </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$('#myDiv').change(function() {
  var values = [];
  {
    $('#myDiv :checked').each(function() {
      //if(values.indexOf($(this).val()) === -1){
      values.push($(this).val());
      // }
    });
    console.log(values);
  }
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="myDiv"&gt;
  &lt;input type="checkbox" name="type" value="4" /&gt;
  &lt;input type="checkbox" name="type" value="3" /&gt;
  &lt;input type="checkbox" name="type" value="1" /&gt;
  &lt;input type="checkbox" name="type" value="5" /&gt;
&lt;/div&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1617936|text|您可以尝试如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1617937|$('input[type="checkbox"]').change(function(){
+++++++var+checkedValue+=+$('input:checkbox:checked').map(function(){
++++++++++++++++return+this.value;
++++++++++++}).get();+++++++++
++++++++++++alert(checkedValue);+++//display+selected+checkbox+value+++++
+})|code-block|syntax|javascript|1617938|这里|1617939|$('input[type="checkbox"]').change(function()+call+when+any+checkbox+checked+or+unchecked,+after+this
$('input:checkbox:checked').map(function()++looping+on+all+checkbox,|1617940|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You could try something like this:</p>

<pre><code>$('input[type="checkbox"]').change(function(){
       var checkedValue = $('input:checkbox:checked').map(function(){
                return this.value;
            }).get();         
            alert(checkedValue);   //display selected checkbox value     
 })
</code></pre>

<p>Here</p>

<pre><code>$('input[type="checkbox"]').change(function() call when any checkbox checked or unchecked, after this
$('input:checkbox:checked').map(function()  looping on all checkbox,
</code></pre>


blocks|key|1618104|text|我可以使用我创建的这个函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1618105|function+getCheckBoxArrayValue(nameInput){
++++let+valores+=+[];
++++let+checked+=+document.querySelectorAll('input[name="'%2BnameInput%2B'"]:checked');
++++checked.forEach(input+=>+{
++++++++let+valor+=+input?.defaultValue+%7C%7C+input?.value;
++++++++valores.push(valor);
++++});
++++return(valores);
}|code-block|syntax|javascript|1618106|要使用它，只需这样调用它|1618107|getCheckBoxArrayValue("type");|1618108|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>can use this function that I created</p>
<pre><code>function getCheckBoxArrayValue(nameInput){
    let valores = [];
    let checked = document.querySelectorAll('input[name=&quot;'+nameInput+'&quot;]:checked');
    checked.forEach(input =&gt; {
        let valor = input?.defaultValue || input?.value;
        valores.push(valor);
    });
    return(valores);
}
</code></pre>
<p>to use it just call it that way</p>
<pre><code>getCheckBoxArrayValue(&quot;type&quot;);
</code></pre>


blocks|key|1618113|text|+var+idsComenzi+=+[];

++++$('input:checked').each(function(){
++++++++idsComenzi.push($(this).val());
++++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1618114|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 idsComenzi = [];

    $('input:checked').each(function(){
        idsComenzi.push($(this).val());
    });
</code></pre>


<p>So I have these checkboxes:</p>

<pre><code>&lt;input type="checkbox" name="type" value="4" /&gt;
&lt;input type="checkbox" name="type" value="3" /&gt;
&lt;input type="checkbox" name="type" value="1" /&gt;
&lt;input type="checkbox" name="type" value="5" /&gt;
</code></pre>

<p>And so on. There are about 6 of them and are hand-coded (i.e not fetched from a db) so they are likely to remain the same for a while.</p>

<p>My question is how I can get them all in an array (in javascript), so I can use them while making an AJAX <code>$.post</code> request using Jquery.</p>

<p>Any thoughts?</p>

<p>Edit: I would only want the selected checkboxes to be added to the array</p>


Getting all selected checkboxes in an array

所以我有这些复选框：<input type="checkbox" name="type" value="4" /><input type="checkbox" name="type" value="3" /><input type="checkbox" name="type" value="1" /><input type="checkbox" name="type" value="5" />诸若

问获取数组中所有选中的复选框
EN

回答 20

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取数组中所有选中的复选框EN

回答 20

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取数组中所有选中的复选框
EN