2017-01-12 124 views
0

我正在創建一個'我的帳戶頁面作爲較大項目的一部分。我正在使用jquery獲取有關用戶選擇哪個單選按鈕的數據。我不明白爲什麼它不工作,我相信問題是與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'); 

      }); 

    }); 

回答

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

例子:https://jsfiddle.net/b80sa4kx/

+0

也一樣會工作點擊[https://jsfiddle.net/b80sa4kx/1/](https://jsfiddle.net/b80sa4kx/1/)。這是不是OP問題 – Rohit

+0

它不工作我剛剛試過這段代碼 –

1

試試這個:

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

+0

這不起作用要麼 –

+0

沒問題,發佈你嵌入我的解決方案後的當前HTML,我會幫你修復它 –

+0

我已經把它在我的問題下我的前一個 –