Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 15.10.2012, 00:06
BLP BLP вне форума
Интересующийся
Отправить личное сообщение для BLP Посмотреть профиль Найти все сообщения от BLP
 
Регистрация: 14.10.2012
Сообщений: 23

Спасибо, конечно, так лучше, и надеюсь - правильнее )))
Ответить с цитированием
  #22 (permalink)  
Старый 01.10.2013, 18:46
Профессор
Отправить личное сообщение для sotik Посмотреть профиль Найти все сообщения от sotik
 
Регистрация: 14.09.2012
Сообщений: 158

подскажите,как можно выявить индекс нажатого чекбокса без применения id?
function change(checkbox){
alert(checkbox.indexOf);
}
<input type="checkbox" onChange="change(this)" />диезов<br>
<input type="checkbox" />бемолей

как я сделал,выдает ундефинет.
Ответить с цитированием
  #23 (permalink)  
Старый 01.10.2013, 19:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,172

sotik,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
 <script>
  function change(checkbox){
    var a = document.querySelectorAll("input[type=checkbox]");
    for (var i=0; i<a.length; i++)  {if(a[i] == checkbox) return i}
    return -1
}
</script>

<input type="checkbox" onclick="alert(change(this))"/>диезов<br>
<input type="checkbox" onclick="alert(change(this))"/>бемолей

</body>

</html>
Ответить с цитированием
  #24 (permalink)  
Старый 01.10.2013, 21:33
Профессор
Отправить личное сообщение для sotik Посмотреть профиль Найти все сообщения от sotik
 
Регистрация: 14.09.2012
Сообщений: 158

Спасибо
Ответить с цитированием
  #25 (permalink)  
Старый 16.10.2013, 21:22
Интересующийся
Отправить личное сообщение для Авас Посмотреть профиль Найти все сообщения от Авас
 
Регистрация: 05.10.2013
Сообщений: 19

Сообщение от yashka525 Посмотреть сообщение
<input type="checkbox"  onclick="if(this.checked){document.getElementById('nextSibling').style.display='inline-block'}else {document.getElementById('nextSibling').style.display='none';  document.getElementById('nextSibling').value='';}">
<input type="text" placeholder="Название турнира" style="display: none;" id="nextSibling">
Спасибо! Воспользовался!
Ответить с цитированием
  #26 (permalink)  
Старый 15.06.2017, 21:10
Аватар для CyberIvan
Новичок на форуме
Отправить личное сообщение для CyberIvan Посмотреть профиль Найти все сообщения от CyberIvan
 
Регистрация: 15.06.2017
Сообщений: 1

Сообщение от lord2kim Посмотреть сообщение
BLP,
<html>
<head>
<script>
function func() {
    if (document.getElementById("cbx").checked) {
        if (document.getElementById("txt1").value == "" || document.getElementById("txt2").value == "") {
            return alert("незаполнено");
        }
        document.getElementById("form").submit();
    }
    else {
        document.getElementById("form").submit();
    }
}
</script>
</head>
<body>
<form action="http://javascript.ru" id="form">
<input type="checkbox" id="cbx" onClick="this.checked ? document.getElementById('div').style.display='block' : document.getElementById('div').style.display='none'">
<div style="display:none;" id="div">
<textarea id="txt1"></textarea><textarea id="txt2"></textarea>
</div>
<input type="button" value="Отправить" onClick="func()">
</form>
</body>
</html>
lord2kim, Извините за глупый вопрос.
А как в таком случае сделать, чтобы поля в блоке div вместо display: none; становились неактивными (disabled) и их содержимое очищалось (value="") ?

То есть при нажатии на галочку поля в блоке div становятся неактивными, и, если они были заполнены - очищаются

P.S: Извините. Просто не очень разбираюсь в JS

Последний раз редактировалось CyberIvan, 15.06.2017 в 21:17.
Ответить с цитированием
  #27 (permalink)  
Старый 15.06.2017, 21:46
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<html>
<head>
</head>
<body>
	<form action="http://javascript.ru" id="form">
		<input type="checkbox" id="cbx">
		<div  id="div">
			<textarea id="txt1" disabled></textarea><textarea id="txt2" disabled></textarea>
		</div>
		<input type="button" value="Отправить" onClick="func()">
	</form>
	<script>
		function func() {
			if (document.getElementById("cbx").checked) {
				if (document.getElementById("txt1").value == "" || document.getElementById("txt2").value == "") {
					return alert("незаполнено");
				}
				document.getElementById("form").submit();
			}
			else {
				document.getElementById("form").submit();
			}
		}
		document.getElementById("cbx").addEventListener("change", function(e) {	
			document.getElementById('txt1').value ='';
			document.getElementById('txt2').value ='';
			document.getElementById('txt1').disabled=!this.checked;
			document.getElementById('txt2').disabled=!this.checked;
		});
	</script>
</body>
</html>

Последний раз редактировалось j0hnik, 16.06.2017 в 14:15.
Ответить с цитированием
  #28 (permalink)  
Старый 15.12.2017, 22:51
Аспирант
Отправить личное сообщение для timko_ya Посмотреть профиль Найти все сообщения от timko_ya
 
Регистрация: 06.11.2017
Сообщений: 33

С помощью данного скрипта, скрываются и показываются только два поля: Время публикации: дд.мм.гггг чч:мм, и ID комментария 123 *, а остальные почему то не реагируют.
<form id="anonimus" name="anonimus" value="anonimus" method="POST" action="">
<div class="row uniform">
<div class="6u 12u(medium)">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">Опубликовать как запись</label>
</div>
<div class="6u 12u(medium)">
<input type="checkbox" id="demo-human" name="demo-human">
<label for="demo-human">Опубликовать как комментарий</label>
</div>
</div>
<div class="row uniform">
<div class="6u 12u(xsmall)">
<input type="text" name="token" id="token" placeholder="Ваш токен: 1a2b3c4d5e6f7g8h9l0m *" disabled />
</div>
<div class="6u 12u(xsmall)">
<input type="text" name="data_2" id="data_2" placeholder="Время публикации: дд.мм.гггг чч:мм" disabled />
</div>
<div class="6u 12u(xsmall)">
<input type="text" name="owner_id" id="owner_id" placeholder="ID пользователя: 123456789 *" disabled />
</div>
<div class="6u 12u(xsmall)">
<input type="text" name="komment" id="komment" placeholder="ID комментария 123 *" disabled />
</div>
<div class="12u">
<input type="text" name="attachments" id="attachments" placeholder="Ваше вложение: photo123456789_123456789" disabled />
</div>
</div>
<div class="row uniform">
<div class="6u 12u(xsmall)">
<textarea name="message" id="message" placeholder="Ваше сообщение *" rows="6" disabled ></textarea>
</div>
<div class="6u 12u(xsmall)" align="center"><p>Цифровой код в нижнем регистре</p>
<img src="site_captcha/captcha_an.php" id="captcha_an" class="captcha_an" onclick="document.getElementById('captcha_an').src = 'site_captcha/captcha_an.php?' + Math.random()" alt="Цифровой код"/>
</div>
</div>
<div class="row uniform">
<div class="6u 12u(xsmall)">
<input type ="text" name="captcha_an" placeholder="Цифровой код *" id="captcha_vk" disabled />
</div>
<div class="6u 12u(xsmall)">
    <input type="text" name="protection" id="protection" placeholder="Антиспам. Не заполнять!"/>
</div>
</div>
<div class="row uniform">
<div class="12u">
<ul class="actions">
<li><input type="submit" class="button special" value="Отправить" /></li>
<li><input type="reset" class="button" value="Отмена" /></li>
</ul>
</div>
</div>
</form>


<script type="text/javascript">
document.getElementById("demo-copy").addEventListener("change", function(e) {
document.getElementById("token").value ='';
document.getElementById("data_2").value ='';
document.getElementById("owner_id").value ='';
document.getElementById("komment").value ='';
document.getElementById("attachments").value ='';
document.getElementById("message").value ='';
document.getElementById("captcha_an").value ='';
document.getElementById("token").disabled=!this.checked;
document.getElementById("data_2").disabled=!this.checked;
document.getElementById("owner_id").disabled=!this.checked;
document.getElementById("komment").disabled=!this.checked;
document.getElementById("attachments").disabled=!this.checked;
document.getElementById("message").disabled=!this.checked;
document.getElementById("captcha_an").disabled=!this.checked;
});
</script>

Последний раз редактировалось timko_ya, 16.12.2017 в 00:06.
Ответить с цитированием
  #29 (permalink)  
Старый 15.12.2017, 23:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,172

timko_ya,
и?
Ответить с цитированием
  #30 (permalink)  
Старый 16.12.2017, 00:04
Аспирант
Отправить личное сообщение для timko_ya Посмотреть профиль Найти все сообщения от timko_ya
 
Регистрация: 06.11.2017
Сообщений: 33

Блин, про вопрос забыл, из данного кода, скрывается только 2 поля, это Время публикации: дд.мм.гггг чч:мм, и ID комментария 123 *, а остальные почему то не реагируют.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
смена картинок при нажатии sdff Общие вопросы Javascript 15 08.02.2014 16:08
Событие onClick при нажатии пункта меню Lex4e Общие вопросы Javascript 1 25.06.2010 18:31
Выполнение скрипта при нажатии Entet в текстовм поле Vlasssov Общие вопросы Javascript 4 23.08.2009 23:31
Переход между окнами ввода при заполнении. Бушка Общие вопросы Javascript 4 25.03.2009 15:40
вывод нужного текста в текстовом поле при нажатии на кнопку! fifo4ka Общие вопросы Javascript 7 06.05.2008 13:36