Question

我有三个不同的单选按钮，根据单选按钮的选择，我想捕获用户点击的单选按钮，并将其存储在隐藏的输入文本框中供以后使用。

以下是我尝试过的代码，但似乎无法正常工作：

//点击第一个radioButton：

     $('#Employee').change(function () {
        if (this.checked) { 
            $('#multi').show();
            $('#Type').attr("EmployeeSelected"); 
         }
    });

//点击第二个radioButton：

    $('#Employer').change(function () {
        if (this.checked) { 
            $('#multi').show();
            $('#Type').attr("EmployerSelected"); 
         }
    });

我的页面如下：

<fieldset id="multi" class="fieldset-auto-width">
 <legend>
        Selected Form
 </legend>

<form action="/PostToDb" method="post">        
   <input type="text" name="Type" value="xx" />

  <div>
    ......................
  </div>
</form>

如何将文本框更新为选择的单选按钮？

Answer 1

尝试用.val（）替换.attr（）并使用正确的选择器，如下所示：

$('[name="Type"]').val("EmployerSelected");

Answer 2

$("input:radio[name=emp]").change(function () {
    if ($(this).val()==0) {
        $("input:text").val('first radio');
    }else if ($(this).val()==1) {
        $("input:text").val('second radio');
    }else if ($(this).val()==2) {
        $("input:text").val('third radio');
    }
});

FIDDLE

$('#Employer') - ＆GT;在使用#时，您将选择id，而.则是为了课程，依此类推。 $('#Type').attr("EmployerSelected");指定文本输入使用val（）为$('#Type').val("EmployerSelected");，表示id Type元素的值为EmployerSelected

找到一个选择器并更新

2 个答案: