Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.05.2017, 11:40
Новичок на форуме
Отправить личное сообщение для molodoy Посмотреть профиль Найти все сообщения от molodoy
 
Регистрация: 04.05.2017
Сообщений: 1

Помогите разобраться с селекторами
приветствую всех! есть одно текстовое поле и одна кнопка, нужно чтобы при заполнении тектового поля кнопка появлялась(изначально она скрыта). Теперь хочу, чтобы при заполнении только двух текстовых полей эта кнопка появлялась, но не могу понять как. Вот код с одним текстовым полем :
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<textarea id="t1"></textarea>
	<button style="display: none;"></button>
	<script type="text/javascript">
	button=document.querySelector("button");
	textarea=document.querySelector("textarea");
		textarea.oninput=function(){
   if(this.value==="") return button.style.display="none"
   button.style.display="block"
}
	</script>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 04.05.2017, 13:53
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от molodoy
Теперь хочу, чтобы при заполнении только двух текстовых полей эта кнопка появлялась
Как вариант...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
button {
	width: 100px;
	height: 20px;
	display: none;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<textarea id="t1"></textarea>
<textarea id="t2"></textarea>
<button></button>
<script type="text/javascript">
(function(){
	button=document.querySelector("button");
	textarea=document.querySelectorAll("textarea");
	for (var i=0; i<textarea.length; i++) {
		textarea[i].oninput=toogle;
	};
	function toogle(){
		var empty=(textarea[0].value==='')||(textarea[1].value==='');
		button.style.display=(empty)? "none": "block";
	}
})();
</script>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
помогите разобраться с this uroboros7 jQuery 4 02.01.2015 00:56
Помогите разобраться с калькулятором Maksim858 Ваши сайты и скрипты 1 27.12.2014 13:23
Получение ответа сервера через iframe и xhr. Помогите разобраться. Arconas AJAX и COMET 0 26.02.2013 10:38
Помогите пожалуйста разобраться Kupu4 Ваши сайты и скрипты 0 21.01.2010 10:44
Помогите разобраться с галереей IMAGIN yana_studio Общие вопросы Javascript 4 12.12.2009 17:24