blocks|key|736853|text|+$('input.theclass[type=checkbox]').each(function+()+{
+++var+sThisVal+=+(this.checked+?+$(this).val()+:+"");
+});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|736854|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> $('input.theclass[type=checkbox]').each(function () {
   var sThisVal = (this.checked ? $(this).val() : "");
 });
</code></pre>


blocks|key|952933|text|+$('input.myclass[type=checkbox]').each(function+()+{
+++var+sThisVal+=+(this.checked+?+$(this).val()+:+"");+});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|952934|参见jQuery+class+selectors。|unstyled|offset|length|952935|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/class-selector/^0|0|2|M|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code> $('input.myclass[type=checkbox]').each(function () {
   var sThisVal = (this.checked ? $(this).val() : ""); });
</code></pre>

<p>See <a href="http://api.jquery.com/class-selector/" rel="noreferrer">jQuery class selectors</a>.</p>


blocks|key|952983|text|$('.theClass:checkbox:checked')将为您提供带有theClass类的所有选中的复选框。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|952984|entityMap^0|0|V|12|8|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p><code>$('.theClass:checkbox:checked')</code> will give you all the checked checkboxes with the class <code>theClass</code>.</p>


blocks|key|736921|text|必备.map示例：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|736922|var+checkedVals+=+$('.theClass:checkbox:checked').map(function()+{
++++return+this.value;
}).get();
alert(checkedVals.join(","));|code-block|syntax|javascript|736923|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/map/^0|2|4|2|4|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<p>Obligatory <a href="http://api.jquery.com/map/" rel="noreferrer"><code>.map</code></a> example:</p>

<pre><code>var checkedVals = $('.theClass:checkbox:checked').map(function() {
    return this.value;
}).get();
alert(checkedVals.join(","));
</code></pre>


blocks|key|953071|text|我不确定它是否对您的特定情况有帮助，我也不确定在您的情况下，您只想包括的复选框是否都是单个表单或div或表的一部分，但您总是可以选中特定元素中的所有复选框。例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|953072|<ul+id="selective">
+<li><input+type="checkbox"+value="..."+/></li>
+<li><input+type="checkbox"+value="..."+/></li>
+<li><input+type="checkbox"+value="..."+/></li>
+<li><input+type="checkbox"+value="..."+/></li>
</ul>|code-block|syntax|javascript|953073|然后，使用下面的jQuery，它只使用id=“选择性”通过该UL中的复选框：|953074|$('#selective+input:checkbox').each(function+()+{
+var+sThisVal+=+(this.checked+?+$(this).val()+:+"");
});|953075|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>I'm not sure if it helps for your particular case, and I'm not sure if in your case, the checkboxes you want to include only are all part of a single form or div or table, but you can always select all checkboxes inside a specific element. For example:</p>

<pre><code>&lt;ul id="selective"&gt;
 &lt;li&gt;&lt;input type="checkbox" value="..." /&gt;&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" value="..." /&gt;&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" value="..." /&gt;&lt;/li&gt;
 &lt;li&gt;&lt;input type="checkbox" value="..." /&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Then, using the following jQuery, it ONLY goes through the checkboxes within that UL with id="selective":</p>

<pre><code>$('#selective input:checkbox').each(function () {
 var sThisVal = (this.checked ? $(this).val() : "");
});
</code></pre>


blocks|key|737022|text|将所有值放入数组的简单方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|737023|var+valores+=+(function+()+{
++++var+valor+=+[];
++++$('input.className[type=checkbox]').each(function+()+{
++++++++if+(this.checked)
++++++++++++valor.push($(this).val());
++++});
++++return+valor;

})();

console.log(valores);|code-block|syntax|javascript|737024|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>Simple way to get all of values into an array</p>

<pre><code>var valores = (function () {
    var valor = [];
    $('input.className[type=checkbox]').each(function () {
        if (this.checked)
            valor.push($(this).val());
    });
    return valor;

})();

console.log(valores);
</code></pre>


blocks|key|953122|text|<input+type="checkbox"+id="Checkbox1"+class+=+"chk"+value+=+"1"+/>
<input+type="checkbox"+id="Checkbox2"+class+=+"chk"+value+=+"2"+/>
<input+type="checkbox"+id="Checkbox3"+class+=+"chk"+value+=+"3"+/>
<input+type="checkbox"+id="Checkbox4"+class+=+"chk"+value+=+"4"+/>
<input+type="button"+id="demo"+value+=+"Demo"+/>

<script+type+=+"text/javascript"+src+=+"http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js"></script>
<script+type="text/javascript">
++++$("#demo").live("click",+function+()+{
++++++++$("input:checkbox[class=chk]:checked").each(function+()+{
++++++++++++alert("Id:+"+%2B+$(this).attr("id")+%2B+"+Value:+"+%2B+$(this).val());
++++++++});
++++});
</script>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|953123|http://www.jqueryfaqs.com/Articles/Get-values-of-all-checked-checkboxes-by-class-name-using-jQuery.aspx|unstyled|offset|length|953124|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|2V|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|Q|8|@]|9|@$G|R|H|S|1|T]]|A|$]]|$1|I|3|-4|5|F|7|U|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|E]]]]

<pre><code>&lt;input type="checkbox" id="Checkbox1" class = "chk" value = "1" /&gt;
&lt;input type="checkbox" id="Checkbox2" class = "chk" value = "2" /&gt;
&lt;input type="checkbox" id="Checkbox3" class = "chk" value = "3" /&gt;
&lt;input type="checkbox" id="Checkbox4" class = "chk" value = "4" /&gt;
&lt;input type="button" id="demo" value = "Demo" /&gt;

&lt;script type = "text/javascript" src = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $("#demo").live("click", function () {
        $("input:checkbox[class=chk]:checked").each(function () {
            alert("Id: " + $(this).attr("id") + " Value: " + $(this).val());
        });
    });
&lt;/script&gt;
</code></pre>

<p><a href="http://www.jqueryfaqs.com/Articles/Get-values-of-all-checked-checkboxes-by-class-name-using-jQuery.aspx" rel="nofollow noreferrer">http://www.jqueryfaqs.com/Articles/Get-values-of-all-checked-checkboxes-by-class-name-using-jQuery.aspx</a></p>


blocks|key|737048|text|你可以这样试一下|type|unstyled|depth|inlineStyleRanges|entityRanges|data|737049|let+values+=+(function()+{
++++++++++++++++let+a+=+[];
++++++++++++++++$(".chkboxes:checked").each(function()+{
++++++++++++++++++++a.push($(this).val());
++++++++++++++++});
++++++++++++++++return+a;
++++++++++++})();|code-block|syntax|javascript|737050|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>You can try like this</p>

<pre><code>let values = (function() {
                let a = [];
                $(".chkboxes:checked").each(function() {
                    a.push($(this).val());
                });
                return a;
            })();
</code></pre>


blocks|key|953133|text|$(document).ready(function(){
++++$('input.checkD[type="checkbox"]').click(function(){
++++++++if($(this).prop("checked")+==+true){
++++++++++++$(this).val('true');
++++++++}
++++++++else+if($(this).prop("checked")+==+false){
++++++++++++$(this).val('false');
++++++++}
++++});
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|953134|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>$(document).ready(function(){
    $('input.checkD[type="checkbox"]').click(function(){
        if($(this).prop("checked") == true){
            $(this).val('true');
        }
        else if($(this).prop("checked") == false){
            $(this).val('false');
        }
    });
});
</code></pre>


blocks|key|953152|text|$("input[name='<your_name_of_selected_group_checkboxes>']:checked").val()|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|953153|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>$("input[name='&lt;your_name_of_selected_group_checkboxes&gt;']:checked").val()
</code></pre>


blocks|key|737102|text|按类名获取选中复选框的ids的一种简单方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|737103|$(".yourClassName:checkbox:checked").each(function()+{
+++++console.log($(this).attr("id"));
});|code-block|syntax|javascript|737104|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>A simple way to get the ids of the checked check boxes by class name:</p>
<pre><code>$(&quot;.yourClassName:checkbox:checked&quot;).each(function() {
     console.log($(this).attr(&quot;id&quot;));
});

</code></pre>


<p>I know I can get all checked checkboxes on a page using this:</p>

<pre><code>$('input[type=checkbox]').each(function () {
    var sThisVal = (this.checked ? $(this).val() : "");
});
</code></pre>

<p>But I am now using this on a page that has some other checkboxes that I don't want to include.  How would I change the above code to only look at checked checkboxes that have a certain class on them?</p>


Using jquery to get all checked checkboxes with a certain class name

jQuery

我知道我可以使用下面的代码来选中页面上的所有复选框：$('input[type=checkbox]').each(function () {    var sThisVal = (this.checked ? $(this).val() : "");});但是我现在在一个页面上使用它，这个页面有一些我不想包含的复选框。...

问使用jquery获取具有特定类名的所有选中的复选框
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jquery获取具有特定类名的所有选中的复选框EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jquery获取具有特定类名的所有选中的复选框
EN