在更改或选择表单输入无线电类型

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更好，因为变化需要模糊触发