jQuery newbie: как обновить значения переключателей в моем случае?

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

Я имею в виду, например, обновить значения из:

" яблоко ", " апельсин " и " банан "

до

" арбуз ", " груша " и " клубника ".

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>

Путем добавления идентификатора к каждой из переключателей позволяет выполнить следующее:

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

Кроме того, оборачивая метки в метки меток, можно нажимать на них, чтобы выбрать соответствующий переключатель