【问题标题】:Radio button onclick - change span content单选按钮 onclick - 更改跨度内容
【发布时间】:2014-02-18 03:47:07
【问题描述】:

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>

【问题讨论】:

    标签: jquery ajax radio-button


    【解决方案1】:

    您可能会感到困惑,jQuery 和 Ajax 是两个不同的东西。您只需要 jQuery 来满足您的要求,ajax 根本不相关。

    请试试这个

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

    DEMO

    【讨论】:

      【解决方案2】:

      你不想要吗?

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

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-01-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-08-10
      • 2018-08-09
      • 1970-01-01
      相关资源
      最近更新 更多