Форум

витослав · #1 (**permalink**) 26.09.2013, 01:50

<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;
        }

собстно, допустим чекбокс установлен, кнопка появилась, но если чекбокс убрать, кнопка уже не прячется, а должна как-то

рони · #2 (**permalink**) 26.09.2013, 02:19

витослав,
в 7 строке чего-то много! убери половину и вот оно счастье

витослав · #3 (**permalink**) 26.09.2013, 03:53

Сообщение от рони

витослав,
в 7 строке чего-то много! убери половину и вот оно счастье

хаха балин ваще из-за знака равно

да бывает весь вечер яву курю эту, заработался и накосячил
пасиба что направил на ошибку, век бы искал не поверишь

витослав · #4 (**permalink**) 26.09.2013, 04:21

не совсем так правда работает
если поставить к примеру 2 чекбокса и один убрать, то кнопка тоже пропадает, но она должна оставаться, пропадать только в том случае, если нет активного чекбокса
я думаю в сторону как применить $('input:checkbox:checked')
как грамотно применить?

рони · #5 (**permalink**) 26.09.2013, 05:28

витослав,

<!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>

Форум

Справочник

Discord чат

Курсы javascript