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());
});

Example fiddle

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

Answer 2

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

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

2 个答案: