Usando jquery para obter todas as caixas de seleção marcadas com um determinado nome de classe

Eu sei que posso obter todas as caixas de seleção em uma página usando este:

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

Mas agora estou usando isso em uma página que possui outras caixas de seleção que não quero incluir. Como eu alteraria o código acima para olhar apenas para as caixas de seleção marcadas com uma determinada classe?

$('.theClass:checkbox:checked')lhe dará todas as caixas de seleção marcadas com a classe theClass.

$('input:checkbox.class').each(function () {
       var sThisVal = (this.checked ? $(this).val() : "");
  });

Um exemplo para demonstrar.

:checkboxé um seletor de caixas de seleção (na verdade, você pode omitir a inputparte do seletor, embora eu tenha encontrado casos de nicho em que você obteria resultados estranhos ao fazer isso em versões anteriores da biblioteca. Tenho certeza de que eles são corrigidos em versões posteriores). .classé o seletor para o atributo da classe de elemento que contém class.

.mapExemplo obrigatório :

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

$('input.yourClass:checkbox:checked').each(function () {
    var sThisVal = $(this).val();
});

Isso obteria todas as caixas de seleção do nome da classe "suaClasse". Eu gosto deste exemplo, pois ele usa o seletor jQuery marcado em vez de fazer uma verificação condicional. Pessoalmente, eu também usaria uma matriz para armazenar o valor e depois usá-los conforme necessário, como:

var arr = [];
$('input.yourClass:checkbox:checked').each(function () {
    arr.push($(this).val());
});

Se você precisar obter o valor de todas as caixas de seleção marcadas como uma matriz:

let myArray = (function() {
    let a = [];
    $(".checkboxes:checked").each(function() {
        a.push(this.value);
    });
    return a;
})()

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

Não tenho certeza se isso ajuda para o seu caso específico e não sei se, no seu caso, as caixas de seleção que você deseja incluir fazem parte de um único formulário ou div ou tabela, mas você sempre pode selecionar todas as caixas de seleção dentro de um elemento específico. Por exemplo:

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

Em seguida, usando o jQuery a seguir, ele APENAS percorre as caixas de seleção dentro desse UL com id = "seletivo":

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

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

Veja seletores de classe jQuery .

Você pode usar algo como isto:
HTML:

<div><input class="yourClass" type="checkbox" value="1" checked></div>
<div><input class="yourClass" type="checkbox" value="2"></div>
<div><input class="yourClass" type="checkbox" value="3" checked></div>
<div><input class="yourClass" type="checkbox" value="4"></div>

JQuery:

$(".yourClass:checkbox").filter(":checked")

Ele escolherá valores de 1 e 3.

Maneira simples de obter todos os valores em uma matriz

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

})();

console.log(valores);

Você pode tentar assim

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

<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: " + $(this).attr("id") + " Value: " + $(this).val());
        });
    });
</script>

http://www.jqueryfaqs.com/Articles/Get-values-of-all-checked-checkboxes-by-class-name-using-jQuery.aspx

Eu sei que isso já tem um monte de ótimas respostas para essa pergunta, mas eu achei isso enquanto navegava e acho realmente fácil de usar. Pensei em compartilhar para qualquer um que estivesse procurando.

HTML:

<fieldset>
    <!-- these will be affected by check all -->
    <div><input type="checkbox" class="checkall"> Check all</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
</fieldset>
<fieldset>
    <!-- these won't be affected by check all; different field set -->
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
</fieldset>

jQuery:

$(function () {
    $('.checkall').on('click', function () {
        $(this).closest('fieldset').find(':checkbox').prop('checked', this.checked);
    });
});

Referência: "Check All" mais fácil com jQuery

$(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');
        }
    });
});

$("input[name='<your_name_of_selected_group_checkboxes>']:checked").val()