Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Перехват клика по radio и обнуленее checked (https://javascript.ru/forum/dom-window/69528-perekhvat-klika-po-radio-i-obnulenee-checked.html)

wel89 30.06.2017 20:41

Перехват клика по 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:

рони 30.06.2017 21:14

Цитата:

Сообщение от wel89
все остальные radio c checked

если вёрстка правильная и все radio с одним name="PACKAGE_TYPE" то скрипт дополнять не нужно
а так
строка 7
$("input", this).prop({checked : true})

wel89 30.06.2017 21:17

Цитата:

Сообщение от Rise (Сообщение 457073)
Где написано, какой петя, ты что там покурил вася?

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

wel89 30.06.2017 21:22

Цитата:

Сообщение от рони (Сообщение 457075)
если вёрстка правильная и все radio с одним name="PACKAGE_TYPE" то скрипт дополнять не нужно
а так
строка 7
$("input", this).prop({checked : true})

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

wel89 30.06.2017 21:23

Вот пример кода
<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>

рони 30.06.2017 21:25

wel89,
тогда так строка 7
$("input", tabs).prop({checked : false});
     $("input", this).prop({checked : true});

рони 30.06.2017 21:27

Цитата:

Сообщение от wel89
Вот пример кода

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

wel89 30.06.2017 21:36

Цитата:

Сообщение от рони (Сообщение 457080)
пас, не понимаю структуру вашего 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: :(

рони 30.06.2017 21:41

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

wel89 30.06.2017 21:52

Цитата:

Сообщение от Rise (Сообщение 457083)
Вирусы-шифровальщики существуют уже много лет и это не новость например.

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


Часовой пояс GMT +3, время: 19:30.