jQuery verifica se sono state selezionate caselle di controllo o nessuna

So come vedere se una singola casella di controllo è selezionata o meno.

Ma ho problemi con quanto segue: dato un ID modulo devo vedere se una delle caselle di controllo è selezionata (cioè 1 o più) e devo vedere se nessuna è selezionata. Fondamentalmente ho bisogno di due funzioni separate che rispondano a queste due domande. L'aiuto sarebbe apprezzato. Grazie!

In realtà, avrei solo bisogno di una funzione per dirmi se nessuno è selezionato. Sapendo questo risponderebbe all'altra domanda.

Puoi usare qualcosa del genere

if ($("#formID input:checkbox:checked").length > 0)
{
    // any one is checked
}
else
{
   // none is checked
}

JQuery .istesterà tutti gli elementi specificati e restituirà true se almeno uno di essi corrisponde al selettore:

if ($(":checkbox[name='choices']", form).is(":checked"))
{
    // one or more checked
}
else
{
    // nothing checked
}

Puoi farlo:

  if ($('#form_id :checkbox:checked').length > 0){
    // one or more checkboxes are checked
  }
  else{
   // no checkboxes are checked
  }

Dove:

• :checkbox selettore filtro seleziona tutte le caselle di controllo.
• :checked selezionerà le caselle di controllo selezionate
• length fornirà il numero di quelli controllati lì

Questo è ciò che ho usato per verificare se erano state modificate le caselle di controllo in un elenco di caselle di controllo:

$('input[type="checkbox"]').change(function(){ 

        var itemName = $('select option:selected').text();  

         //Do something.

});     

Senza usare 'lunghezza' puoi farlo in questo modo:

if ($('input[type=checkbox]').is(":checked")) {
      //any one is checked
}
else {
//none is checked
}

Puoi fare un semplice ritorno di .lengthqui:

function areAnyChecked(formID) {
  return !!$('#'+formID+' input[type=checkbox]:checked').length;
}

Questa ricerca di caselle di controllo nel modulo indicato, vede se ci sono :checkede restituisce truese lo sono (poiché la lunghezza sarebbe 0 altrimenti). Per renderlo un po 'più chiaro, ecco la versione convertita non booleana:

function howManyAreChecked(formID) {
  return $('#'+formID+' input[type=checkbox]:checked').length;
}

Ciò restituirebbe un conteggio di quanti sono stati controllati.

La risposta di Rahul è più adatta alla tua domanda. Ad ogni modo, se hai un gruppo di caselle da spuntare e non tutte le caselle nel tuo modulo, puoi farlo.

Inserisci un nome di classe per tutte le caselle di controllo che desideri controllare, ad esempio un nome di classe test_checke ora puoi verificare se una delle caselle di controllo è selezionata appartenendo al gruppo tramite:

$("#formID .test_check:checked").length > 0

Se restituisce true, supponi che una o più caselle di controllo siano selezionate con il nome di classe test_checke nessuna sia selezionata se restituisce false.

Spero che aiuti qualcuno. Grazie :)-

Questo è il modo migliore per risolvere questo problema.

  if($("#checkbox").is(":checked")){

  // Do something here /////

  };