blocks|key|1249618|text|试试这个小的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1249619|$("#some_id").attr("checked")+?+1+:+0;|code-block|syntax|javascript|1249620|或|1249621|$("#some_id").attr("checked")+%7C%7C+0;|1249622|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>Try this small solution: </p>

<pre><code>$("#some_id").attr("checked") ? 1 : 0;
</code></pre>

<p>or</p>

<pre><code>$("#some_id").attr("checked") || 0;
</code></pre>


blocks|key|1034605|text|只是为了澄清一些事情：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1034606|$('#checkbox_ID').is(":checked")|code-block|syntax|javascript|1034607|将返回“true”或“false”|1034608|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>Just to clarify things:</p>

<pre><code>$('#checkbox_ID').is(":checked")
</code></pre>

<p>Will return 'true' or 'false'</p>


blocks|key|1034537|text|$('#checkbox_id').val();
$('#checkbox_id').is(":checked");
$('#checkbox_id:checked').val();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1034538|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>$('#checkbox_id').val();
$('#checkbox_id').is(":checked");
$('#checkbox_id:checked').val();
</code></pre>


blocks|key|1249747|text|简单但有效，并假设您知道将会找到复选框：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1249748|$("#some_id")[0].checked;|code-block|syntax|javascript|1249749|提供true/false|offset|length|style|CODE|1249750|entityMap^0|0|0|2|4|7|5|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]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

<p>Simple but effective and assumes you know the checkbox will be found:</p>

<pre><code>$("#some_id")[0].checked;
</code></pre>

<p>Gives <code>true</code>/<code>false</code></p>


blocks|key|1034551|text|jQuery(".checkboxClass").click(function(){
++++++++var+selectedCountry+=+new+Array();
++++++++var+n+=+jQuery(".checkboxClass:checked").length;
++++++++if+(n+>+0){
++++++++++++jQuery(".checkboxClass:checked").each(function(){
++++++++++++++++selectedCountry.push($(this).val());
++++++++++++});
++++++++}
++++++++alert(selectedCountry);
++++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1034552|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>jQuery(".checkboxClass").click(function(){
        var selectedCountry = new Array();
        var n = jQuery(".checkboxClass:checked").length;
        if (n &gt; 0){
            jQuery(".checkboxClass:checked").each(function(){
                selectedCountry.push($(this).val());
            });
        }
        alert(selectedCountry);
    });
</code></pre>


blocks|key|1249784|text|使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1249785|$('input[name%5E=CheckBoxInput]').val();|code-block|syntax|javascript|1249786|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 the following code:</p>

<pre><code>$('input[name^=CheckBoxInput]').val();
</code></pre>


blocks|key|1249929|text|在jquery中获取选中的checkboxex的值|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1249930|var+checks+=+$("input[type='checkbox']:checked");+//+returns+object+of+checkeds.

for(var+i=0;+i<checks.length;+i%2B%2B){
++++console.log($(checks[i]).val());+//+or+do+what+you+want
});|code-block|syntax|javascript|1249931|在pure+js中|1249932|var+checks+=+document.querySelectorAll("input[type='checkbox']:checked");

for(var+i=0;+i<checks.length;+i%2B%2B){
++++console.log(checks[i].value);+//+or+do+what+you+want
});|1249933|entityMap^0|1|6|0|0|1|7|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

<p>to get value of checked checkboxex in <code>jquery</code>:</p>

<pre><code>var checks = $("input[type='checkbox']:checked"); // returns object of checkeds.

for(var i=0; i&lt;checks.length; i++){
    console.log($(checks[i]).val()); // or do what you want
});
</code></pre>

<p>in <code>pure js</code>:</p>

<pre><code>var checks = document.querySelectorAll("input[type='checkbox']:checked");

for(var i=0; i&lt;checks.length; i++){
    console.log(checks[i].value); // or do what you want
});
</code></pre>


blocks|key|1034759|text|$('.class[value=3]').prop('checked',+true);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1034760|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>$('.class[value=3]').prop('checked', true);
</code></pre>


blocks|key|1034891|text|最好的方法是$('input[name="line"]:checked').val()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1034892|您还可以获取选定的文本$('input[name="line"]:checked').text()|1034893|将value、属性和名称添加到单选按钮输入中。确保所有输入都具有相同的名称属性。|1034894|<div+class="col-8+m-radio-inline">
++++<label+class="m-radio+m-radio-filter">
++++++++<input+type="radio"+name="line"+value="1"+checked>+Value+Text+1
++++</label>
++++<label+class="m-radio+m-radio-filter">
++++++++<input+type="radio"+name="line"+value="2">+Value+Text+2
++++</label>
++++<label+class="m-radio+m-radio-filter">
++++++++<input+type="radio"+name="line"+value="3">+Value+Text+3
++++</label>
</div>|code-block|syntax|javascript|1034895|entityMap^0|6|11|0|B|12|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|W|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|X|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

<p>Best way is <code>$('input[name="line"]:checked').val()</code></p>

<p>And also you can get selected text <code>$('input[name="line"]:checked').text()</code></p>

<p>Add value attribute and name to your radio button inputs. Make sure all inputs have same name attribute. </p>

<pre><code>&lt;div class="col-8 m-radio-inline"&gt;
    &lt;label class="m-radio m-radio-filter"&gt;
        &lt;input type="radio" name="line" value="1" checked&gt; Value Text 1
    &lt;/label&gt;
    &lt;label class="m-radio m-radio-filter"&gt;
        &lt;input type="radio" name="line" value="2"&gt; Value Text 2
    &lt;/label&gt;
    &lt;label class="m-radio m-radio-filter"&gt;
        &lt;input type="radio" name="line" value="3"&gt; Value Text 3
    &lt;/label&gt;
&lt;/div&gt;
</code></pre>


blocks|key|1249987|text|$("input[name='gender']:checked").val();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1249988|这在我的例子中起作用了，任何人寻找一种简单的方法，都必须尝试这个语法。谢谢|unstyled|1249989|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$(&quot;input[name='gender']:checked&quot;).val();
</code></pre>
<p>this worked in my case, anyone looking for a simple way, must try this syntax.
Thanks</p>


blocks|key|1250013|text|对于多个复选框，请始终使用命名数组，如下面的国家/地区示例所示，因为您知道可以选择多个国家/地区，因此我使用name="countries[]“，并且在选中复选框时，您必须按名称引用它，如下例所示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1250014|​|1250015|var+selectedCountries+=+["Pakistan",+"USA"];

$(document).ready(function+()+{
++$.each(selectedCountries,+function+(index,+country)+{
++++$(`input[name='countries[]'][value='${country}']`).attr('checked',+'checked');
++});
});|code-block|syntax|javascript|1250016|<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<p>
++<input+type="checkbox"+name="countries[]"+value="Pakistan">
++Pakistan
</p>
<p>
++<input+type="checkbox"+name="countries[]"+value="India">
++India
</p>
<p>
++<input+type="checkbox"+name="countries[]"+value="USA">
++USA
</p>|1250017|1250018|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>For more than 1 checkbox always use named array as show in the below example with countries, as you know countries can be selected multiple so I used name=&quot;countries[]&quot; and while checking checkboxes you have to reference it by name as shown in below example</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>var selectedCountries = ["Pakistan", "USA"];

$(document).ready(function () {
  $.each(selectedCountries, function (index, country) {
    $(`input[name='countries[]'][value='${country}']`).attr('checked', 'checked');
  });
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;

&lt;p&gt;
  &lt;input type="checkbox" name="countries[]" value="Pakistan"&gt;
  Pakistan
&lt;/p&gt;
&lt;p&gt;
  &lt;input type="checkbox" name="countries[]" value="India"&gt;
  India
&lt;/p&gt;
&lt;p&gt;
  &lt;input type="checkbox" name="countries[]" value="USA"&gt;
  USA
&lt;/p&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1249762|text|<script+type="text/javascript">
$(document).ready(function(){
++++$('.laravel').click(function(){
++++++++var+val+=+$(this).is(":checked");
++++++++$('#category').submit();
++++});
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1249763|​|unstyled|1249764|<form+action="{{route('directory')}}"+method="post"+id="category">
++++++++++++++++++++++++<input+type="hidden"+name="_token"+value="{{+csrf_token()+}}">
++++++++++++++++++++++++<input+name="category"+value="{{$name->id}}"++class="laravel"+type="checkbox">{{$name->name}}
++++++++++++++++++++++</form>|1249765|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function(){
    $('.laravel').click(function(){
        var val = $(this).is(":checked");
        $('#category').submit();
    });
});
</code></pre>

<p></p>

<pre><code>&lt;form action="{{route('directory')}}" method="post" id="category"&gt;
                        &lt;input type="hidden" name="_token" value="{{ csrf_token() }}"&gt;
                        &lt;input name="category" value="{{$name-&gt;id}}"  class="laravel" type="checkbox"&gt;{{$name-&gt;name}}
                      &lt;/form&gt;
</code></pre>


blocks|key|1249891|text|请注意，由于api多年来的变化，截至2018年的今天。removeAttr已经过时了，不能再工作了！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1249892|Jquery复选或unCheck复选框：|1249893|糟糕，不能再工作了。|1249894|+++$('#add_user_certificate_checkbox').removeAttr("checked");

+++$('#add_user_certificate_checkbox').attr("checked","checked");|code-block|syntax|javascript|1249895|相反，你应该这样做：|1249896|++++++$('#add_user_certificate_checkbox').prop('checked',+true);
++++++$('#add_user_certificate_checkbox').prop('checked',+false);|1249897|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|T|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>Just attention, as of today, 2018, due to api changing over the years. 
removeAttr are depricated, NOT working anymore!</p>

<p>Jquery Check or unCheck a checkbox: </p>

<p>Bad, not working any more. </p>

<pre><code>   $('#add_user_certificate_checkbox').removeAttr("checked");

   $('#add_user_certificate_checkbox').attr("checked","checked");
</code></pre>

<p>Instead you should do: </p>

<pre><code>      $('#add_user_certificate_checkbox').prop('checked', true);
      $('#add_user_certificate_checkbox').prop('checked', false);
</code></pre>


问在jQuery中获取复选框值
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中获取复选框值EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中获取复选框值
EN