如何選擇單選按鈕時更改隱藏表單數據的值？

我想要做的是，當用戶選擇其中一個單選按鈕選項時，其值將被傳遞給隱藏的輸入值。然後我可以使用這些數據來顯示特定的表單。我將如何使用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>"

來源

2013-11-04 chap

首先，所有radio按鈕應該有相同的名稱，以便它們分組。那麼這個代碼應該爲你工作：在本例中

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

Example fiddle

注意我改變hidden字段，以便它是可見的，所以你可以看到代碼工作。

來源

2013-11-04 09:10:29

這是完美的。感謝您的提示重新分組。 – chap

@AndrewChappell沒問題，很樂意幫忙 –

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

來源

2013-11-04 09:10:31

如何選擇單選按鈕時更改隱藏表單數據的值？

回答

相關問題