Показать сообщение отдельно
  #10 (permalink)  
Старый 12.08.2020, 06:53
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от anndi07
Скрытые поля изначально видны.
Они и видны. Если код подключаемый или в секции head размещен, то работать он может только так:

<html>
<head>
<meta charset="utf-8">
<style>
.hidden {
    display: none;   
}
</style>
<!-- подключение самой библиотеки -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- код -->
<script>
$(function() {
    $('input[name=as]').on('input', function() {
    this.value = this.value.replace(/\D/,'');
    $('#box').toggleClass('hidden', !(this.value >= 16))
});
});
</script>
</head>
<body>
<form>
<input name="as" />
<div id="box" class="hidden">
<input name="i1" value="1"/>
<input name="i2" value="2"/>
<p>И все что угодно тут будет скрываться/отображаться по условию</p>
</div>
</form>
</body>
</html>

Последний раз редактировалось laimas, 12.08.2020 в 07:08.
Ответить с цитированием