Подскажите пример реализации появления определенной информации на странице при нажатии на checkbox.
# Str@nnik (28.11.2015 / 14:19)
Подскажите пример реализации появления определенной информации на странице при нажатии на checkbox.
Хм.
Как вариант getElementById
Str@nnik, примеров можно дофига найти так то... И через onclick и без него. Мой быдлокод:
http://jsfiddle.net/9mp80ujz/
ValekS, Библиотеку какую нужно подключать?
# Str@nnik (28.11.2015 / 19:27)
ValekS, Библиотеку какую нужно подключать?
Должно вроде итак работать
код (+/-)
<input type="checkbox" id="test" />
<span id="test1" style="visibility: hidden;">Str@nnik</span>
<script type="text/javascript">
var checkbox = document.getElementById('test');
checkbox.onchange = function() {
document.getElementById('test1').style.visibility = checkbox.checked ? "visible" : "hidden";
};
</script>
# Str@nnik (28.11.2015 / 19:27)
ValekS, Библиотеку какую нужно подключать?
В смысле? Там чистый жс. Если что можно на жкавери сделать. На нем даже проще.
ValekS, Не работает. У меня бутстраповская библиотека подключена. Было уже подобное, левая библиотека причиной была
# Str@nnik (28.11.2015 / 22:27)
ValekS, Не работает. У меня бутстраповская библиотека подключена. Было уже подобное, левая библиотека причиной была
избавляйтесь по возможности. вы тянине (а с вами и клиенты) состав ради маааааленькой ележки
#hidden_div {
visibility: hidden;
}
<input type="checkbox" id="changedCheckbox"> <br>
<div id="hidden_div">sfsdfsdfdsfsdf</div>
$(document).ready(function(){
$('#changedCheckbox').change(function(){
var $hd = $('#hidden_div');
if ( $hd.css('visibility') == 'hidden' )
$hd.css('visibility','visible');
else
$hd.css('visibility','hidden');
});
});
ну или как Дохтур предложил на чистом JS