Здравствуйте, добрый день! Я пытаюсь изменить дизайн моего флажка, но у меня есть проблема с переключателем, который не принимает значение моего флажка. Это веб-сайт, где я беру дизайн http://www.bootstraptoggle.com/
Это мое состояние, при котором, если я нажимаю флажок, он показывает мне поля этого значения, а если я выбираю другой флажок, он отображает другие поля.
if(item.optradio=='programado'){
$(".radioprog").prop('checked', true);
$(".cls_programado").show();
$(".cls_real").hide();
}else{
$(".radioreal").prop('checked', true);
$(".cls_programado").hide();
$(".cls_real").show();
}
Вот мои два флажка
<div class="col-xs-12 col-sm-12">
<div class="col-sm-4">
<label><input class="radiofechas radioprog" type="checkbox" name="optradio" value="programado" data-toggle="toggle" checked> example1
</label>
</div>
<div class="col-sm-4">
<label><input class="radiofechas radioreal" type="checkbox" name="optradio" value="real" data-toggle="toggle"> example2
</label>
</div>
<div class="col-sm-4"></div>
</div>
это мой дизайн, флажок пример 1 всегда активен, но если я отмечаю флажок пример2, мой флажок пример1 должен быть деактивирован, вот как он работает без переключателя, но с toogle я не могу заставить его работать
[[1]: https://i.stack.imgur.com/U4ukB.png] [1]