Preciso identificar todos checkboxes DESMARCADOS para adicionar uma classe por jquery neles, mas sempre que submito o formulário com 1 ou 2 checkbox selecionado, todos outros checkboxes desmarcados acabam selecionados.
//Valido meu form
$('#enviar').on('click', function(e){
e.preventDefault();
//verifico se tem algum checkbox marcado e retorna o ID
if($(".stck:checked").length > 0){
var arr = [];
$(".stck").prop("checked", true).each(function(item){
arr.push($(this).attr("id"));
});
console.log(arr);
return arr;
}
//Se não, pego o ID dos desmarcados
else {
var arr = [];
$(".stck").prop("checked", false).each(function(item){
arr.push($(this).attr("id"));
});
console.log(arr);
return arr;
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="stck" name="sticker" id="A" value="A" />
<input type="checkbox" class="stck" name="sticker" id="B" value="B" />
<input type="checkbox" class="stck" name="sticker" id="C" value="C" />
<button id="enviar">enviar</button>
//---MEU JS
Queria poder identificar os checkboxes não selecionados para injetar uma classe neles.
$(".stck").prop("checked", true)
dentro doif
. Por isso ele tá marcando todas as caixas quando você seleciona uma ou mais opções. Dê uma olhada no código que postei abaixo, acredito que vá resolver o seu problema.