установить значение radio button

[d0ublezer0]

привет.

есть набор радио кнопок, по изменению которых срабатывает некая функция

 $('body').on("change", "[name='virtuemart_shipmentmethod_id']", function (e) {
        update_infoboxes();
    });

возникла задача менять выбранную радио кнопку по внешнему событию? допустим клик на переключалке табов
нужно установить правильное значение и чтобы сработало событие change

как правильно сделать?

пробовал так:

    $('body').on("click", "#shipment_type_selector li", function (e) {
        e.preventDefault();
        var $set_mode = $(this).data("ship-mode");
        $('#shipment_type_selector li').removeClass("active");
        $(this).addClass("active");
        $("#onepage_main_div").removeClass("_self-pickup _tk-delivery").addClass("_" + $set_mode);
        if ($set_mode=="tk-delivery") $("#shipment_id_2").prop("checked",true); // выберем транспортную компанию
        if ($set_mode=="self-pickup") $("#shipment_id_1").prop("checked",true); // выберем самовывоз
    });

но не вышло: визуально выбор radio кнопки не меняется. событие change не срабатывает

вот собрал на коленке для проверок.

https://jsfiddle.net/5pa9fj1o/1/

изначально выбран первый пункт

после переключения на транспортную выбирается второй, как и должно быть

а дальше ничего не происходит, хоть обпереключайся

 

[Switch74]

не понятно для чего такие сложности и что именно вам требуется
могу предложить такой вариант:
https://jsfiddle.net/tq2dpon7/
но не уверен, что именно это вам нужно

[d0ublezer0]

Не совсем то.

Я покажу на реальном примере : https://www.zebra-tara.ru/

положите любой товар в корзину

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

У меня задача разделить их на два списка, отображаемые по состоянию табов.

При этом - выбирать некое значение в списке при переключении табов.

 

P/S/ а с инпутами вместо списка вы правильно предложили,  переделаю.

Edited May 16, 2019 by d0ublezer0

[Switch74]

Ну так это обычные табы
https://jsfiddle.net/s20g1erk/

[d0ublezer0]

Увы, нет возможности разделить содержимое табов на два блока. Список подходящих способов доставки формируется отдельным компонентом, основываясь на адресе получателя. У меня придумалось только скрывать неподходящее по типу при переключении "табов".

По факту, табами это не является. Просто переключалка, скрывающая часть опций одного списка. И после переключения нужно выбрать первый видимый элемент.

Я пробовал насылать событие клика на инпуты, пробовал ставить им значение через val() и потом вызывать событие change

но ничего так и не вышло, значения не меняются

Edited May 16, 2019 by d0ublezer0

[d0ublezer0]

23 часа назад, Switch74 сказал:

не понятно для чего такие сложности и что именно вам требуется
могу предложить такой вариант:
https://jsfiddle.net/tq2dpon7/
но не уверен, что именно это вам нужно

Ваш метод подошёл отлично, спасибо. Не понимаю, почему у меня не работало.

[Switch74]

если вы для вариантов сделаете какие-то отметки, например установите классы для самовывоза и доставки, то можно будет скрывать не нужные