Перехват клика по radio и обнуленее checked
 

Добрый вечер знатоки JS+JQwery как написано когда создаеш тему""Помогите!""Я нуб, нужен совет"" все это про меня. Эсть уменя три блока сделал "табом"

<div id="wr-tabs">
<div class="tabs">
<div class="tab active">
<input id="package_type-DEFAULT" name="PACKAGE_TYPE" value="DEFAULT" checked="checked" type="radio">
<label for="package_type-DEFAULT">Упаковка и лента на усмотрение флориста</label>
</div>
<div class="tab">
<div class="tab">
</div>
<div class="content">
<div class="tab-cont active">
<div class="tab-cont">
<div class="col col-lg-4 text--center hidden--sm hidden--xs hidden--md">
<div class="col col-lg-8">
<h3>
<ul class="list--inline packageType">
<li>
<li>
<li>
<li>
</ul>
</div>
<div class="cardDesc-package__item1 text--left packages" style="display: block;">
<div class="col col-lg-8">
</div>
<div class="tab-cont">

jQuery(document).ready(function($) {

	$("#wr-tabs").on("click", ".tab", function(){

		var tabs = $("#wr-tabs .tab"),
			cont = $("#wr-tabs .tab-cont");

		// Удаляем классы active
		tabs.removeClass("active");
		cont.removeClass("active");
		// Добавляем классы active
		$(this).addClass("active");
		cont.eq($(this).index()).addClass("active");

		return false;
	});
});

Помогите знатоки. Нет времени в связи с "petya".
Хотелось бы что б когда один с табов был активный то все остальные radio c checked Ставили без checked.:cray:

если вёрстка правильная и все radio с одним name="PACKAGE_TYPE" то скрипт дополнять не нужно
а так
строка 7

$("input", this).prop({checked : true})

Вирус petya если слышели о таком. Все время забирает основная работа. А я нуб но стараюсь розбраться всегда. Но голова не варит сейчас а время идет.

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

Вот пример кода

<li>
<div class="package_material">
<div class="radio">
<input id="jshop_attr_id23" name="jshop_attr_id[2]" value="3" checked="checked" onclick="setAttrValue('2', this.value);" type="radio">
<label for="jshop_attr_id23">
<img src="http://shop-tea.com.ua.s3.hhos.ru/components/com_jshopping/files/img_attributes/net.png" alt="">
Нет
</label>
</div>
</div>
</li>
<li>
<div class="package_material">
<div class="radio">
<input id="jshop_attr_id24" name="jshop_attr_id[2]" value="4" onclick="setAttrValue('2', this.value);" type="radio">
<label for="jshop_attr_id24">
</div>
</div>
</li>

wel89,
тогда так строка 7

$("input", tabs).prop({checked : false});
     $("input", this).prop({checked : true});

пас, не понимаю структуру вашего html и что вам нужно, помочь не могу.

Сейчал выложу код полностю помогите пож...

<div class="radio-block_inner">
<div id="wr-tabs">
<div class="tabs">
<div class="tab">
<div class="tab active">
<input id="package_type-USER" name="PACKAGE_TYPE" value="USER" type="radio">
<label for="package_type-USER">Подобрать самостоятельно</label>
</div>
<div class="tab">
</div>
<div class="content">
<div class="tab-cont">
<div class="tab-cont active">
<div class="col col-lg-4 text--center hidden--sm hidden--xs hidden--md">
<div class="col col-lg-8">
<h3>
<ul class="list--inline packageType">
<li>
<div class="package_material">
<div class="radio">
<input id="jshop_attr_id23" name="jshop_attr_id[2]" value="3" checked="checked" onclick="setAttrValue('2', this.value);" type="radio">
<label for="jshop_attr_id23">
<img src="http://shop-tea.com.ua.s3.hhos.ru/components/com_jshopping/files/img_attributes/net.png" alt="">
Нет
</label>
</div>
</div>
</li>
<li>
<li>
<li>
</ul>
</div>
<div class="cardDesc-package__item1 text--left packages" style="display: block;">
<div class="col col-lg-8">
</div>
<div class="tab-cont">
<div class="clearfix"></div>

Надо что б когда 1 с "tab-cont active" был активним то не активные tab-cont и их внутрянка к примеру "<input id="jshop_attr_id23" name="jshop_attr_id[2]" value="3" checked="checked" onclick="setAttrValue('2', this.value);" type="radio">" ставала не активная.
:cray: :(

wel89,
не понимаю ничего

Ето Вам ссылка http://24tv.ua/ru/virus_petya_a_hakerskaja_ataka_ukraina_kak_rabotae t_virus_petja_i_chto_delat_n835085

Могу ссылку на сайт дать посмотрите??

Извените, но забудьтесь.)Не вижу смысла продолжать етот розговор)))С Вами)

if($('div').hasClass('active')) $('input[type="radio"]').prop('checked', false);

тоже с трудом понимаю вашу конструкцию, вот код который убирает чекед, сами попробуйте приладить с каких надо убирать.

wel89,
посмотрел, но я пока не знаю какая у вас проблема.
максимально просто можно обьяснить, что не так?

Надо когда на блок нет становишся все что выбрал в других блоках перескакивало как я их не выберал.

да это ерунда, так бы сразу и сказали, сейчас Рони все починит! он мастер у нас :yes:

Спасибо Вам ребят.

Что с вирусами, подхватил заразу какую-то?

:-?

wel89,
строка 7

$("li", cont).parent().find("input:first").click();

...

Работаю на предприятии у нас придела 200+ компов все упали + сервера в результате вируса этого, вот подымаем сутками.

Извени вчера прилег и уснул())Просто вставить эту строчку?

да, только её в код из поста №1

Супер работает. Спасибо большущее))А можно еще понаглеть немного?:(

wel89,
пишите, но ваша вёрстка не айс.

Можно как то перехвачивать сумы которые добавляються до основной и выводить ее в переменной отдельно?К примеру когда в меню Материал упаковки: выбрать Флизелин добавляться 150 и что б отдельно в переменной выводилось тоже 150 в другом месте?

wel89,
этот ужас добавить в строку 2 в код из поста №1.

jQuery("#wr-tabs .package_price").each(function(indx, el) {
    var parent = jQuery(el).parentsUntil(".tab-cont").last().next();
    var label = jQuery("label", parent),
        inp = jQuery("input", parent);
    inp.each(function(indx, elem) {
        var text = label.eq(indx).text().match(/\d+/);
        text = text ? text[0] : "0";
        jQuery(elem).on("click", function() {
            jQuery(el).text(text)
        })
    })
});

Вы мой кумир))Долго JS изучаете?

Ещо б как то суму брало с "Цена за шт. с упаковкой, лентой и дополнениями"

и писало в

Итого цена

рони,
Спасибо Вам, Вы спасли меня от недельной каторги в розберанни данного кода))

wel89,
пас, далее сами

Спасибо Вам за это. Вы ГУРУ JS)