单选按钮 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());
 });