|
Перехват клика по 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: |
Цитата:
а так строка 7 $("input", this).prop({checked : true}) |
Цитата:
|
Цитата:
|
Вот пример кода
<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}); |
Цитата:
|
Цитата:
<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,
не понимаю ничего |
Цитата:
|
Часовой пояс GMT +3, время: 19:30. |
|