checked – devfrontend.info

[jQuery] Vérifier si au moins une case à cocher ou un bouton radio est coché

par admin
31/08/2016

Source : CHECK IF ANY CHECKBOXES ARE SELECTED IN JQUERY

function checkChecked(formname) {
    var anyBoxesChecked = false;
    $('#' + formname + ' input[type="checkbox"]').each(function() {
        if ($(this).is(":checked")) {
            anyBoxesChecked = true;
        }
    });
 
    if (anyBoxesChecked == false) {
      //Do something
    } 
}

function checkChecked(formname) {

var anyBoxesChecked = false;

$('#' + formname + ' input[type="checkbox"]').each(function() {

if ($(this).is(":checked")) {

anyBoxesChecked = true;

}

});

if (anyBoxesChecked == false) {

//Do something

}

Cas un peu plus complexe :

// Vérifier qu'au moins une case à cocher est active dans chaque catégorie de filtres
// et afficher un témoin en fonction
function checkIfAnyBoxIsChecked(){
  var anyBoxIsChecked = false;
  $('ul.Filters-facets__list').each(function(){
    if ($(this).find('input[type="checkbox"]').is(':checked')) {
      anyBoxIsChecked = true;
      $(this).closest('.facet-nav-item').addClass('has-active-facet');
    }
  });
  if (anyBoxIsChecked == false) {}
}

checkIfAnyBoxIsChecked();

// Vérifier qu'au moins une case à cocher est active dans chaque catégorie de filtres

// et afficher un témoin en fonction

function checkIfAnyBoxIsChecked(){

var anyBoxIsChecked = false;

$('ul.Filters-facets__list').each(function(){

if ($(this).find('input[type="checkbox"]').is(':checked')) {

anyBoxIsChecked = true;

$(this).closest('.facet-nav-item').addClass('has-active-facet');

}

});

if (anyBoxIsChecked == false) {}

}

checkIfAnyBoxIsChecked();

Codes HTML et SASS purement indicatifs (ne… Lire la suite »[jQuery] Vérifier si au moins une case à cocher ou un bouton radio est coché