выберите (или щелкните) конкретную кнопку с помощью jQuery

Question

Я пытаюсь проверить конкретную кнопку радио при загрузке страницы и перепробовал много способов, но у меня никто не работал.Это часть формы заказа в моем интернет-магазине.

  <input type="radio" name="sPaymentCarrier" id="pC_2-1" value="1;2;0.00" 
onclick="countCarrierPrice( this )" />
<label for="pC_2-1">0</label>

На самом деле эта радиокнопка является единственной радиокнопкой на странице, и ее необходимо проверить, чтобы пользователь мог сделать заказ.

Я пытался

$(function() {
    var $radios = $('input:radio[name=sPaymentCarrier]');
    if($radios.is(':checked') === false) {
        $radios.filter('[value=1;2;0.00]').attr('checked', true);
    }
});

и

$('input:radio[name="sPaymentCarrier"]').filter('[value="1;2;0.00"]').attr('checked', true);

, но ни один из этих способов не сработал.Также я пробовал много других кодов, но когда я обновил страницу, я все еще видел, что эта кнопка не проверена.Я думаю, может быть, мне нужно настроить JQuery нажмите на эту кнопку вместо выбора, но на самом деле я не могу сделать эту работу.

Любая помощь приветствуется!

Answer 1

Поскольку я вижу, что у вас также есть некоторый JavaScript для onclick, просто сделайте следующее:

$('#pC_2-1').click();

Предполагается, что вы также хотите запустить обработчик onclick, который вы определили для своего элемента. Если это не так, установка attr, упомянутая в других ответах, будет работать так же хорошо.

Примечание , если у вас есть только одна радиокнопка на странице, может быть, флажок будет более подходящим?

Answer 2

Используйте функцию val (), чтобы установить значения флажков или радиокнопок на true.

Answer 3

Почему бы просто не установить checked="checked" для элемента?

Answer 4

Должно работать следующее:

$("#pC_2-1").attr("checked", "checked");

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