Показать сообщение отдельно
  #1 (permalink)  
Старый 26.12.2016, 11:32
Аспирант
Отправить личное сообщение для KEMPZOR Посмотреть профиль Найти все сообщения от KEMPZOR
 
Регистрация: 13.12.2016
Сообщений: 85

Скрыть/показать div по клику input.
Здравствуйте уважаемые. Есть код, три input, по нажатию на один из них показывает свой select.

<div class="conteb conteb-hidden" data-okno="4">
<h4>ВЫБОР ВИДА КАРНИЗОВ:</h4>

<div class="cont-radio">
<div class="button-inline"><input class="button-type-pr" checked="checked" id="k-potol" name="vidkarnizov" type="radio" value="1">
   <label for="k-potol">Потолочные</label></div>
<div class="button-inline"><input class="button-type-pr" id="k-nasten" name="vidkarnizov" type="radio" value="2">
   <label for="k-nasten">Настенные</label></div>
</div>
  
<select class="material-select" id="tkani-sel"><option value="1">Алюминиевые</option><option value="2">Пластик</option> </select> 
<select class="material-select" id="mater-sel" style="display:none"><option selected="selected" value="3">Алюминиевые - 1 ряд</option><option value="4">Алюминиевые - 2 ряда</option><option value="5">Деревянные - 1 ряд</option><option value="6">Деревянные - 2 ряда</option> </select>


var radio_btn_on=$('div.conteb[data-okno=4] input[type="radio"]');
radio_btn_on.click(
		function () {
			$("div.conteb[data-okno=4]").find("select").prop("disabled",true).hide();
			var ch_vib_dis=$(this).val();
			console.log('клик'+ch_vib_dis);
			if (ch_vib_dis==1) {
				$("div.conteb[data-okno=4]").find("select#tkani-sel").prop("disabled",false).show();
			} else{
				$("div.conteb[data-okno=4]").find("select#mater-sel").prop("disabled",false).show();
			};
		});


Замысел такой, вместо select'a скрывать div(3 input на 3 div'a). Как не менял код, что-то не получается, может наведёте на мысль.

Последний раз редактировалось KEMPZOR, 26.12.2016 в 13:32.
Ответить с цитированием