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

我在codeigniter中有以下内容：

    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>';
    }

foreach（$created\u rates为$rate）
{
回响
'
“.str_替换（”、“$rate->service）。“$”.$rate->rate。”
';
}

我试图通过java脚本获取数据速率，java脚本中有以下内容：

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

$（“#shipmentRate”）。on（'change'，function（）{
var shipmentRate=$（此）.data（'rate'）；
警报（运价）；
})

这不会在谷歌chrome控制台中发出任何警报或给出任何错误

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

---

您的ID不是唯一的，单击会更好，因为更改需要模糊触发

，并且您包含了jQuery，并且该脚本位于DOM中的元素之后，否则您将丢失一个文档。readyYes我包含了jQuery，是的，它是页面中的最后一个内容。它仍然没有给我任何信息。然后跳到运输方式