Как скрыть кнопку, если чекбокс был снят?
<script>
function changeButtonState(checkbox) {
var btn = document.getElementById('invisible');
if (checkbox.checked) {
btn.style.display='block';
} else {
btn.style.display=='none';
}
}
</script>
чекбокс <li><input type="checkbox" name="check[]" onChange="changeButtonState(this)" value="123"> 123</li> кнопка спрятана как и положено изначально
#invisible {
display: none;
}
собстно, допустим чекбокс установлен, кнопка появилась, но если чекбокс убрать, кнопка уже не прячется, а должна как-то |
витослав,
в 7 строке чего-то много! убери половину и вот оно счастье :dance: |
Цитата:
да бывает весь вечер яву курю эту, заработался и накосячил пасиба что направил на ошибку, век бы искал не поверишь:D |
не совсем так правда работает
если поставить к примеру 2 чекбокса и один убрать, то кнопка тоже пропадает, но она должна оставаться, пропадать только в том случае, если нет активного чекбокса я думаю в сторону как применить $('input:checkbox:checked') как грамотно применить? |
витослав,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<script>
function changeButtonState() {
var btn = document.getElementById('invisible');
btn.style.display=document.querySelectorAll(":checked").length ? 'block': 'none';
}
</script>
<style type="text/css">
#invisible {
display: none;
}
</style>
</head>
<body> <input id="invisible" name="" type="button" value="go">
<ul>
<li><input type="checkbox" name="check[]" onChange="changeButtonState()" value="123"> 123</li>
<li><input type="checkbox" name="check[]" onChange="changeButtonState()" value="123"> 123</li>
</ul>
</body>
</html>
|
| Часовой пояс GMT +3, время: 17:20. |