Переключение значений select в зависимости от значения класса div
Здравствуйте, затрудняюсь реализовать сам. Прошу вашей помощи.
Есть два блока div: <li id="flag1" class="btn"> <div class="iradio checked"></div> </li> <li id="flag2" class="btn"> <div class="iradio"></div> </li> в которых попеременно происходит обмен значений классов div: .iradio.checked и .iradio Нужно как то отслеживать этот обмен классами и скриптом присваивать значение полю select - Стандарт или Информ. Код меню ниже:
<select class='k_select' id='k_input_field_30_4700' value='Стандарт' >
<option value=''></option>
<option selected value='Стандарт'>Стандарт</option>
<option value='Информ'>Информ</option>
</select>
|
Цитата:
|
Это ссылка на скрипт, вставляется в шапку:
<script src='//yagool.ru/blurb/icheck.js'></script> Сам html код:
<li id="flag1" class="btn">
<div class="iradio checked"></div>
</li>
<li id="flag2" class="btn">
<div class="iradio"></div>
</li>
<select class='k_select' id='k_input_field_30_4700' value='Стандарт' >
<option value=''></option>
<option selected value='Стандарт'>Стандарт</option>
<option value='Информ'>Информ</option>
</select>
Скрипт обработчик:
<script>$(document).ready(function(){$(".pricePlans input").each(function(){var a=$(this),b=a.next(),c=b.text();b.remove();a.iCheck({radioClass:"iradio",insert:'<div class="icheck-icon"></div>'+c})})});</script>
|
golopogos,
пока информации нуль - если вы используите плагин https://github.com/fronteed/iCheck - читайте документацию там всё есть -- а пока вы демонстрируите куски кода никак несвязанные с друг другом -- сделайте макет тут или в песочнице. |
Ну а если откинуть все скрипты и т.д. И взять за основу первый пост?..
|
golopogos,
так сам там класс то появится то исчезнет? |
golopogos,
:cray:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://fronteed.com/iCheck/icheck.js?v=1.0.1"></script>
<link rel="stylesheet" type="text/css" href="http://fronteed.com/iCheck/demo/css/normalize.css">
<style type="text/css">
/* green */
.iradio_flat-green {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(http://fronteed.com/iCheck/skins/square/green.png) no-repeat;
border: none;
cursor: pointer;
}
.iradio_flat-green {
background-position: -0px 0;
}
.iradio_flat-green.checked {
background-position: -48px 0;
}
.iradio_flat-green.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat-green.checked.disabled {
background-position: -154px 0;
}
</style>
</head>
<body>
<label for="baz[1]">Стандарт</label>
<input type="radio" name="quux[2]" id="baz[1]" checked data-info="Стандарт">
<label for="baz[2]">Информ</label>
<input type="radio" name="quux[2]" id="baz[2]" data-info="Информ">
<select class='k_select' id='k_input_field_30_4700' value='Стандарт' >
<option value=''></option>
<option selected value='Стандарт'>Стандарт</option>
<option value='Информ'>Информ</option>
</select>
<script>
$('input').iCheck({radioClass: "iradio_flat-green"});
$('input').on('ifChecked', function(event)
{
$('#k_input_field_30_4700').val($(this).data('info'));
}
);
</script>
</body>
</html>
|
|
golopogos,
а где там код из 7 поста? |
Большое Вам спасибо, но представленный Вами код не совсем подходит. И как его приспособить - ума не приложу) Макет на Фидле - это то что необходимо подправить. Выложил для наглядности. Функцию чекбоксов выполняют панели выбора тарифа.
|
| Часовой пояс GMT +3, время: 12:26. |