单选按钮的值第二次未更改

Question

我有3个单选按钮，如下所示。

我要根据单选按钮的选择更改textbox1和textbox2的占位符。

            @Html.RadioButtonFor(model => model.Type, "feet")
            @Html.Label("feet ")
              
            @Html.RadioButtonFor(model => model.Type, "meter")
            @Html.Label("meter")
              
            @Html.RadioButtonFor(model => model.Type, "cm")
            @Html.Label("Centimeter")

javascrpt代码

  $(':radio[name=Type]').change(function () {        
        var value = $(this).val();
        var radiobutton= $(':radio[name=Type]:checked').val();
        $("#Type").val($(this).val());
        $("#textbox1").attr('placeholder', $(this).val())
        $("#textbox2").attr('placeholder', $(this).val())
  });

当我第一次单击单选按钮时，占位符将根据选定的单选按钮进行更改。

但是当我第二次单击第一个单选按钮（英尺）时，它的值没有改变，而其他单选按钮的值正在改变。

我需要在哪里进行更改？

谢谢。

Answer 1

通过为单选按钮添加唯一ID解决问题

@Html.RadioButtonFor(model => model.Type, "feet", new { id = "feet" })
@Html.Label("feet ")
  
@Html.RadioButtonFor(model => model.Type, "meter", new { id = "meter" })
@Html.Label("meter")
  
@Html.RadioButtonFor(model => model.Type, "cm", new { id = "cm" })
@Html.Label("Centimeter")