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|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|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|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|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|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|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|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|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>


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|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>


问在jQuery中获取复选框值
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中获取复选框值EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中获取复选框值
EN