Question

我的页面上有一组单选按钮：

<input type="radio" name="fruit" value="apple" checked> apple
<input type="radio" name="fruit" value="orange"> orange
<input type="radio" name="fruit" value="banana"> banana

如果我想动态更新单选按钮的外观值，如何在jQuery中执行此操作（或者在jQuery中执行此操作的最佳方法是什么）？我正在使用jQuery 1.5.1

我的意思是，例如，更新以下值：

“ apple ”，“橙色”和“香蕉”

到

“西瓜”，“梨”和“草莓”。

Answer 1

首先，您需要为每个单选按钮添加值属性

<input type="radio" name="fruit" value="apple" checked> apple
<input type="radio" name="fruit" value="orange"> orange
<input type="radio" name="fruit" value="banana"> banana

然后您可以使用jquery通过

更新值

$("input[value='apple']").val("Melon");

理想情况下，您需要为每个单选按钮添加唯一标识符，例如

<input id="option1" type="radio" name="fruit" value="apple" checked="checked"> <label for="option1">apple</label>
<input id="option2" type="radio" name="fruit" value="orange" checked="checked"> <label for="option2">orange</label>
<input id="option3" type="radio" name="fruit" value="banana" checked="checked"> <label for="option3">banana</label>

通过向每个单选按钮添加ID，您可以执行以下操作：

$("#option1").val("Melon"); //This will update the radio button value
$("label[for='option1']").html("Melon"); //This will update the label value

此外，通过将标签包装在标签标签中，可以使它们可单击以选择相关的单选按钮

jQuery新手：如何在我的情况下更新单选按钮值？

1 个答案: