javascript - 选择单选按钮时如何更改隐藏表单数据的值？

Question

我想要做的是当用户选择一个单选按钮选项时，它的值将被传递给隐藏输入的值。然后我可以使用这些数据来显示一个特定的表单。我将如何使用 Jquery/Javascript 来做到这一点？

"<form id=""categoryedit""action=""category.asp"" method=""post"">" &_
                   "<input type=""hidden"" name=""stage"" value ="""">"&_
                   "<label for=""addcategory"">Add Category</label>"&_
                   "<input id=""addcategory"" type=""radio"" name=""addcategory"" value=""2""><br>" &_
                   "<label for=""deletecategory"">Delete Category</label>"&_
                   "<input id=""deletecategory"" type=""radio"" name=""deletecategory"" value=""4""><br>" &_
                   "<label for=""editcategory"">Edit Category</label>"&_
                   "<input id=""editcategory"" type=""radio"" name=""editcategory"" value=""6""><br>" &_
                   "<input class=""button"" type=""submit"" value=""Select"">" &_
                   "</form>"

Answer 1

首先，您的所有radio按钮都应该具有相同的名称，以便它们被分组。那么这段代码应该适合你：

$('#categoryedit input[type="radio"]').change(function() {
   $('#categoryedit input[type="hidden"]').val($(this).val());
});

示例小提琴

请注意，在示例中，我更改了hidden字段以使其可见，因此您可以看到代码正常工作。

Answer 2

$('#categoryedit input[type="radio"]').click(function(){
    $(this.form).find('input[name="stage"]').val(this.value)
})