单选按钮onclick - 更改范围内容

Question

是否可以使用jQuery AJAX执行此操作？

我想在选择单选按钮时更改<span>的内容。

<input class="unitSelectInches" type="radio" name="units" value="inches" />Inches
<input class="unitSelectCenti" type="radio" name="units" value="centi" />Centimetres

选择英寸会将此跨度更改为“英寸”和厘米......

<span class="unitLabel">inches</span>

Answer 1

可能你很困惑，jQuery和Ajax是两回事。你需要jQuery来满足你的需求，ajax根本就没有关系。

请试试这个

$('input[name="units"]').change(function() {
    $('.unitLabel').text(this.value);
})

DEMO

Answer 2

你不想要吗？

$("input[name=units]").on("change", function () {
   var selected = $("input[name=units]:checked");
   $(".unitLabel").text( selected.val());
 });