Arbeiten mit Radiobuttons übergibt den Status zusammen mit Wert?

Question

Ich schreibe Code für Radio-Tasten, wo gibt es 3 Radio-Tasten wie JA, NEIN und ALL. Ich verwende den gleichen Klassennamen für alle 3 und binde auch einen Wert für sie. Wenn der Benutzer auf einen der drei Am klickt, der den entsprechenden Wert für das onclick-Ereignis übergeben kann, besteht mein Problem darin, zu wissen, ob der Benutzer auf welchen Radion-Button zwischen den drei Buttons klickt, wenn der Benutzer auf 'Alle' klickt irgendeine Art von Aktion, sonst, wenn der Benutzer auf 'Ja' klickt, dann eine andere Aktion, usw. Wie kann man wissen, welcher Benutzer auf welchen Radioknopf klickt? Mein Code ist unter:

Ich brauche Radiobutton Wert zusammen mit Benutzer klickte auf welche Radio-Taste. Wie erreiche ich das? Kann mir bitte jemand helfen.

Answer 1

Bitte fügen Sie einen zusätzlichen Parameter zum Speichern des ‚id‘ in dem Eingabefeld, so wie diese:

<input type="radio" name="select_option" class="select_option" value="all" data-id="<?=$row_id;?>">All 
<input type="radio" name="select_option" class="select_option" value="yes" data-id="<?=$row_id;?>">Yes 
<input type="radio" name="select_option" class="select_option" value="no" data-id="<?=$row_id;?>">No 

Nun, hier ist das Skript, das nach der Überprüfung des Radio-Button ausgeführt werden:

Ich hoffe, dies kann für Sie nützlich sein.

Answer 2

versuchen diese

$(".select_option").change(function(){ 
     var radioValue = $("input[name='select_option']:checked").val(); 
     if(radioValue){ 
      alert("Your are clicked - " + radioValue); 
     } 
    }); 

Answer 3

$(".select_option").change(function() { 
    if ($(this).is(":checked")) { 
     var value = $(this).val(); 
     console.log(value); 
    } 
}); 

fiddle

Answer 4

Ich habe meine Klassennamen (alle, ja, nein) in den HTML-Elemente hinzugefügt

<input type="radio" name="select_option" class="select_option all" value="<?=$row_id;?>">All 
<input type="radio" name="select_option" class="select_option yes" value="<?=$row_id;?>">Yes 
<input type="radio" name="select_option" class="select_option no" value="<?=$row_id;?>">No 

Mit jQuery

$(document).ready(function(){ 
    $("input:radio").click(function(e){ 

     if($(this).hasClass("all")) 
     { 
       console.log("which button -> all"); 
       console.log("value="+$(this).val()); 
     } 
     else if($(this).hasClass("yes")) 
     { 
       console.log("which button -> yes"); 
       console.log("value="+$(this).val()); 
     } 
     else if($(this).hasClass("no")) 
     { 
       console.log("which button -> no"); 
       console.log("value="+$(this).val()); 
     } 
    }); 
}); 

FIDDLE