Holen Sie sich die ID durch Class-name JQuery

Hallo dies ist ein jquery Frage:

soll habe ich dieses:

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

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

und ich will Holen Sie sich die id der checkbox, die ausgewählt wurde, wenn ich auf einen submit-button (Hinweis: Sie können nur wählen Sie 1)
und ich habe diese Schaltfläche click-Ereignis-hier:

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

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

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

Es immer Warnungen "select-1" selbst wenn ich wählen Sie die checkbox mit dem "select-2" id,.. ich vermute, da sind Sie beide in der gleichen Klasse die erste mit dem ".wählen Sie" Klasse zu finden ist, erscheint das Alarm.. wie bekomme ich die Kategorie id, die überprüft wird, indem Sie sich mit Ihren class Namen? Danke!!!

  • Sie sollten über radio-buttons. wenn Ihr eine option von vielen = radio-buttons. wenn Ihr mehrere Optionen, aus vielen = Checkboxen.
  • Aktualisiert meine Antwort, zugegeben eine demo.
InformationsquelleAutor muffin | 2013-10-25
  1. 34

    Sind Sie nur das aktivieren einer checkbox in einer Zeit?

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

    Oder, wenn Sie mehrere Kontrollkästchen aktiviert auf einmal:

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

    Demo: http://jsfiddle.net/UTux2/

    InformationsquelleAutor Cristy
  2. 3

    Get ID mit diesem Weg

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

    Beachten Sie auch, dass, wenn nur eine ausgewählt werden kann, ist es besser, es zu ändern radio.

    InformationsquelleAutor Elon Than
  3. 2

    Sind Sie nicht der Erfassung die checkbox aktiviert, sind Sie nur Fragen "ist da jemand überprüft?".

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

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

    if(elem.length > 0){
        alert(elem.attr('id'));
    }
});
    InformationsquelleAutor MrCode
  4. 2

    Gibt es mehrere Elemente. Sie müssen prüfen, alle Kontrollkästchen unter gleichen Klasse

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

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

});
    InformationsquelleAutor sudhAnsu63
  5. 2

    sollten Sie über radio-buttons und Checkboxen nicht erlauben eine Auswahl aus vielen.

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

    dann ist die Sache wirklich einfach:

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

    alert($('[name="select"]:checked').val());
});
    InformationsquelleAutor Dementic
  6. 2
    $("#submit").click(function(){  
          if($(".select").is(':checked')){
               var $this=$(".select").is(':checked');
               alert($this.attr('id'));
          }
});
    • $(this) Punkte, um die $('#submit'), so ist dies nicht korrekt.
    • aktualisiert und......
    InformationsquelleAutor Somnath Kharat
  7. 0

    probieren Sie etwas wie dieses, brauchen Sie nicht zu Durchlaufen

            $(document).ready(function () {
            $("#submit").click(function(){
                  if($(".select").is(':checked')){
                      alert($(".select:checked").attr('id'));
                  }
            });
        });
    InformationsquelleAutor rajesh kakawat
  8. -1

    Weil Sie nicht iterierbar alle Elemente, die Klasse hat Sie 'wählen'. Es geht immer um das erste element und druckt das Ergebnis. Setzen Sie eine Schleife zum Durchlaufen aller Elemente mit der Klasse 'wählen'.

    InformationsquelleAutor swapnil
Schreibe einen Kommentar