Obtenir l'ID par le nom de Classe JQuery

Salut c'est un jquery question:

censés j'ai ceci:

<input type="checkbox" class="select" id ="select-1">

<input type="checkbox" class="select" id ="select-2">

et je veux obtenir l'id, de la case à cocher qui a été sélectionné lorsque je clique sur un bouton de soumission (remarque: vous ne pouvez sélectionner 1)
et j'ai ce bouton, cliquez sur l'événement ici:

$("#submit").click(function(){

          if($(".select").is(':checked')){

              alert($(".select").attr('id'));
          }
});

Il toujours alertes "sélectionnez-1" même si je sélectionne la case "sélectionnez-2" id.. je suppose, car ils sont tous les deux dans la même classe à la première avec le ".sélectionnez" class être trouvé est affiché dans l'alerte.. comment puis-je obtenir l'id spécifique qui est vérifié à l'aide de leurs noms de classe? Merci!!!!

vous devriez être à l'aide de boutons radio. si ses une option dans de nombreux = boutons radio. si ses multiples options de beaucoup = cases à cocher.
Mise à jour de ma réponse, a ajouté une démo.

OriginalL'auteur muffin | 2013-10-25

  1. 33

    Êtes-vous seulement cochant une case à la fois?

    alert( $(".select:checked").attr('id') );

    Ou, si vous disposez de plusieurs cases cochées à la fois:

    $(".select:checked").each(function(){
   alert($(this).attr('id'));
});

    Démo: http://jsfiddle.net/UTux2/

    OriginalL'auteur Cristy

  2. 3

    Obtenir l'ID à l'aide de cette façon

    $(".select:checked").attr('id');

    Également garder à l'esprit que si un seul peut être sélectionné, il est préférable de le changer pour radio.

    OriginalL'auteur Elon Than

  3. 2

    Vous n'êtes pas à la capture faisant l'objet d'une case, il vous suffit de demander "est-il celui-elle vérifiée?".

    $("#submit").click(function(){

    var elem = $(".select:checked");

    if(elem.length > 0){
        alert(elem.attr('id'));
    }
});

    OriginalL'auteur MrCode

  4. 2

    Il y a plusieurs éléments. Vous devez vérifier tous les case ayant la même classe

    $("#submit").click(function(){

          $(".select:checked").each(function(){
           alert($(this).attr('id'));
   });

});

    OriginalL'auteur sudhAnsu63

  5. 2

    vous devriez être en utilisant les boutons radio et pas des cases à cocher pour permettre un choix parmi tant d'autres.

    <input type="radio" name="select" value="select-1">
<input type="radio" name="select" value="select-2">

    puis les choses vont devenir vraiment simple:

    $("#submit").click(function(){

    alert($('[name="select"]:checked').val());
});

    OriginalL'auteur Dementic

  6. 2
    $("#submit").click(function(){  
          if($(".select").is(':checked')){
               var $this=$(".select").is(':checked');
               alert($this.attr('id'));
          }
});
    $(this) points à l' $('#submit'), donc ce n'est pas correct.
    mise à jour du sna......

    OriginalL'auteur Somnath Kharat

  7. 0

    essayer quelque chose comme cela, vous n'avez pas besoin d'effectuer une itération

            $(document).ready(function () {
            $("#submit").click(function(){
                  if($(".select").is(':checked')){
                      alert($(".select:checked").attr('id'));
                  }
            });
        });

    OriginalL'auteur rajesh kakawat

  8. -1

    Parce que vous n'avez pas itéré tous les éléments qui ont la classe 'select'. Il va toujours au premier élément et imprime le résultat. Mettre une boucle pour parcourir tous les éléments ayant la classe "sélectionner".

    OriginalL'auteur swapnil