выберите переключатель с помощью jquery

#jquery #html

#jquery #HTML

Вопрос:

 <input type="radio" value="True" propertyname="AmortizationTermInYears" onchange="showAmortizationTermInYears();UpdateField(this);" name="AmortizationTermInYears" id="AmortizationTermInYears" amortizationterminyearsradio="true">

<input type="radio" value="False" propertyname="AmortizationTermInYears" onchange="showAmortizationTermInYears();UpdateField(this);" name="AmortizationTermInYears" id="AmortizationTermInYears" checked="checked">

Как я могу выбрать одну из этих переключателей с помощью Jquery при загрузке страницы?

Спасибо!

1. что именно вы пытаетесь сделать? какой из них вы хотите выбрать? почему у них одинаковый идентификатор? вещи НИКОГДА не должны иметь одинаковый идентификатор!

2. Я думаю, что у них та же идея из-за метода расширения HTML Helper, но я хочу проверить тот, который имеет значение «true»

Ответ №1:

 $('input[name=AmortizationTermInYears]:nth(0)').prop("checked","checked");

1. Вызов этого кода срабатывает только один раз. Если вы вызываете это, то пользователь проверяет другой, если вы вызываете это во второй раз, это не сработает.

2. Использование attr вместо prop, возможно, работало на момент публикации приведенного выше ответа. Но это уже неверно. Посмотрите вниз, чтобы найти правильный ответ, предоставленный Сержем Саганом.

3. изменен .attr на .prop

Ответ №2:

Это сделает свое дело:

 $(document).ready(function() {
   $("input[name='AmortizationTermInYears'][value='True']").attr("checked", "checked");
});

Вам нужно выполнить поиск как по имени, так и по значению, затем установить checked атрибут.

Живой тестовый пример.

Ответ №3:

Хотя вопрос в основном о том, как выбрать элемент, я замечаю, что все используют attr() функцию, и, как правило, это неправильно, потому что вызов этой функции срабатывает только один раз. Если вы вызываете это, то пользователь проверяет другой, если вы вызываете это во второй раз, это не сработает. правильный способ сделать это — использовать prop()

 $('input[name=AmortizationTermInYears]:nth(0)').prop('checked', true);

Ответ №4:

атрибут «id» не должен использоваться повторно. Вы присвоили id=»АмортизациятЕрмиНоЛетам» обеим переключателям. Это неправильно в соответствии со стандартами. Установите разные идентификаторы для обеих переключателей.

Также вы можете выбрать переключатель, указав идентификатор:

 $('#AmortizationTermInYears').attr( "checked", "checked" );

Ответ №5:

 $('input[name=AmortizationTermInYears]');

или

 $('input[name=AmortizationTermInYears]:checked');