jQuery встановити перемикач

Я намагаюся встановити перемикач. Я хочу встановити його, використовуючи значення або id.

Це те, що я спробував.

$('input:radio[name=cols]'+" #"+newcol).attr('checked',true);

newcol - ідентифікатор перемикача.

Можливо, трохи редагування в порядку.

Є два набори радіотехнічних коробок, один - з візками, а другий - рядками. Тому я бачу сенс у тому, щоб не використовувати ідентифікатори. Моє ліжко. Отже, я маю як приклад:

<input type="radio" name="rows" class="listOfCols" 
   style="width: 50%; " value="Site"></input>

і

<input type="radio" name="cols" class="listOfCols" 
   style="width: 50%; "  value="Site"></input>

з ідентифікатором видалено, і мені потрібно встановити правильний.

Ваш селектор шукає нащадка input:radio[name=cols]елемента, який має ідентифікатор newcol(ну і значення цієї змінної).

Спробуйте це замість цього (оскільки ви все одно вибрали ідентифікатор):

$('#' + newcol).prop('checked',true);

Ось демонстрація: http://jsfiddle.net/jasper/n8CdM/1/

Також, для jQuery 1.6, переліченим способом зміни властивості є .prop(): http://api.jquery.com/prop

Відповідь я знайшов тут:
https://web.archive.org/web/20160421163524/http://vijayt.com/Post/Set-RadioButton-value-using-jQuery

В основному, якщо ви хочете перевірити одну перемикач, ОБОВ'ЯЗКОВО передати значення як масив:

$('input:radio[name=cols]').val(['Site']);
$('input:radio[name=rows]').val(['Site']);

Здається, у вашому селекторі ви намагаєтесь отримати якийсь вкладений елемент вашої радіо-кнопки із заданим ідентифікатором. Якщо ви хочете перевірити перемикач, слід вибрати цей перемикач у селекторі, а не щось інше:

$('input:radio[name="cols"]').attr('checked', 'checked');

Це передбачає, що у вашій розмітці є наступний перемикач:

<input type="radio" name="cols" value="1" />

Якщо у вашій радіо-кнопці був ідентифікатор:

<input type="radio" name="cols" value="1" id="myradio" />

Ви можете безпосередньо використовувати перемикач ідентифікаторів:

$('#myradio').attr('checked', 'checked');

Ви можете спробувати наступний код:

$("input[name=cols][value=" + value + "]").attr('checked', 'checked');

Це встановить атрибут, перевірений для колонок радіо, та значення, як зазначено.

Навіщо вам це потрібно 'input:radio[name=cols]'. Не знаєте ваш html, але припускаючи, що ідентифікатори унікальні, ви можете просто зробити це.

$('#'+newcol).prop('checked', true);

Спробуйте це:

$("#" + newcol).attr("checked", "checked");

У мене виникли проблеми attr("checked", true), тому я, як правило, використовую вище сказане.

Крім того, якщо у вас є ідентифікатор, вам не потрібні інші речі для вибору. Ідентифікатор унікальний.

Оскільки newcolє ідентифікатором перемикача, Ви можете просто використовувати його, як показано нижче.

$("#"+newcol).attr('checked',true);

Використання .filter()також працює і є гнучким для id, value, name:

$('input[name="cols"]').filter("[value='Site']").attr('checked', true);

(бачимо в цьому блозі )

Поєднання попередніх відповідей:

$('input[name="cols"]').filter("[value='Site']").click();

Ви можете просто використовувати:

$("input[name='cols']").click();

Обрана відповідь спрацьовує в цьому випадку.

Але питання полягало у пошуку елемента на основі радіогрупи та динамічного ідентифікатора, і відповідь також може залишити відображувану радіо-кнопку без змін.

Цей рядок вибирає саме те, про що вимагали, показуючи також зміни на екрані.

$('input:radio[name=cols][id='+ newcol +']').click();