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

How to change the value of hidden form data when a radio button is selected?

本文关键字：表单 隐藏 数据 选择 单选按钮      更新时间：2023-09-26

我想做的是，当用户选择其中一个单选按钮选项时，其值将传递给隐藏输入的值。然后，我可以使用此数据来显示特定表单。如何使用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>"

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

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

示例小提琴

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

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