javascript - 找到选择器并更新

Question

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

这是我尝试过的代码，但似乎不起作用:

//单击第一个单选按钮:

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

//单击第二个单选按钮:

    $('#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

$("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')--> 使用 # 时，您将为 选择 id。 它用于类等等。$('#Type').attr("EmployerSelected"); 要为输入分配文本，请使用 val() 作为 $('#Type').val("EmployerSelected") ; 表示具有 id Type 的元素的值为 EmployerSelected