|
Перехват клика по 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, время: 20:05. |
|