在更改或選擇表單輸入無線電類型

Question

在笨我有以下幾點：

foreach($created_rates as $rate) 
    { 
     echo 
      '<div class="radio"> 
       <label> 
        <input type="radio" value="'.$rate->id.'" data-rate="'.$rate->rate.'" name="shipmentRate" id="shipmentRate"/>'.str_replace('_', ' ', $rate->service).' $'.$rate->rate.' 
       </label> 
      </div>'; 
    } 

我試圖讓通過Java腳本的數據速率，我有在Java腳本如下：

<script> 
    $("#shipmentRate").on('change', function(){ 
    var shipmentRate = $(this).data('rate'); 
    alert(shipmentRate); 
    }) 
</script> 

這不是任何警告或給予谷歌瀏覽器控制檯的任何錯誤

Answer 1

$("input[name=shipmentRate]").on('click', function(){ 
    var shipmentRate = $(this).data('rate'); 
    alert(shipmentRate); 
    }) 

你的ID不是唯一的和CL ick更好，因爲變化需要模糊觸發