jquery is checked: Vérifier si une checkbox est cochée avec jQuery.is(':checked') | Exam-Lib
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
Dismiss Notice
Welcome to our Education website, plz like our page facebook to support us. Thank You and wish you good navigation

jquery is checked: Vérifier si une checkbox est cochée avec jQuery.is(':checked')

abdelouafiJun 9, 2018

    1. abdelouafi

      abdelouafi Administrator Staff Member

      Messages:
      632
      Likes Received:
      13
      Trophy Points:
      18
      Joined
      Sep 13, 2016
      Il existe des méthodes divers pour vérifier si une case est cochée ou non.
      La méthode la plus simple et la plus élégante est d'utiliser la fonction .is() qui permet de vérifier si un élément match le sélecteur passé en paramètre ou pas.

      Voilà donc comment faire en jQuery, avec le code HTML, puis le code Javascript :
      Code:
      <form method="post" action="">
          <p>jQuery c'est :</p>
          <input type="checkbox" name="super"> Super !<br>
          <input type="checkbox" name="genial"> Génial<br>
          <input type="checkbox" name="joli"> Joli<br>
      </form>
      Code:
      if( $('input[name=super]').is(':checked') ){
          alert("jQuery c'est super");
      } else {
          alert("jQuery c'est autre chose");
      }
      :checked est une pseudo classe ajoutée par jQuery, elle ne fait pas partie de la spécification du W3C (contrairement à d'autres pseudo classes comme :active, :hover ou :link...)

      Les autres méthodes

      on peut aussi utiliser la fonction .checked() :


      Code:
      $('input[name=super]').attr('checked');
      // undefined
      $('input[name=super]').attr('checked');
      // "checked"
      On peut utiliser utilise .prop() :
      Code:
      $('input[name=super]').prop('checked');
      // false
      $('input[name=super]').prop('checked');
      // true
       
      Loading...

Share This Page

Share