JQuery mit Radiobuttons funktioniert nicht

Question

Ich erstelle eine 'meine Account-Seite als Teil eines größeren Projekts. Und ich verwende jquery, um Daten darüber zu erhalten, welche Optionsschaltfläche der Benutzer ausgewählt hat. Ich kann nicht herausfinden, warum es nicht funktioniert, ich glaube, dass das Problem mit der jQuery ist, die benutzt wird, um zu diktieren, wenn ein Radioknopf angeklickt wird.

JQUERY:

$("input[name=currentTree]").on('change',function(){ 
     var currentTreeId = $(this).val(); 
     alert ('data:' + currentTreeId); 
     $.post('selectTree.php',{currentTreeId:currentTreeId} ,function(data,status){ 

       alert(data + ' is the current tree'); 

      }); 

    }); 




     $("input[type=radio][name=currentTree]").change(function(){ 
     var currentTreeId = $(this).val(); 
     alert ('data:' + currentTreeId); 
     $.post('selectTree.php',{currentTreeId:currentTreeId} ,function(data,status){ 

       alert(data + ' is the current tree'); 

      }); 

    }); 

Answer 1

$("input[name=currentTree]").on('change', function(){ 
    ...  
}); 

Beispiel: https://jsfiddle.net/b80sa4kx/

Answer 2

Try this:

$('input[type=radio][name=currentTree]').change(function() { 
 
     if ($(this).val() == 'typeA') { 
 
      alert("Got Type A Radio"); 
 
     } 
 
     else if ($(this).val() == 'typeB') { 
 
      alert("Got Type B Radio"); 
 
     } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label for="typea">Type A</label><input id="typea" type="radio" name="currentTree" value="typeA"> 
 
<label for="typeb">Type B</label> 
 
<input id="typeb" type="radio" name="currentTree" value="typeB">