单选按钮不起作用的JQuery

Question

我正在创建一个'我的帐户页面，作为更大项目的一部分。我正在使用jquery获取有关用户选择的单选按钮的数据。我无法弄清楚为什么它不工作，我相信问题在于点击单选按钮时用来指示的jquery。

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

试试这个：

＆＃13;

＆＃13;

$('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");
        }
    });

＆＃13;

<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">

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

示例：