Спасибо, конечно, так лучше, и надеюсь - правильнее )))
|
подскажите,как можно выявить индекс нажатого чекбокса без применения id?
function change(checkbox){
alert(checkbox.indexOf);
}
<input type="checkbox" onChange="change(this)" />диезов<br>
<input type="checkbox" />бемолей
как я сделал,выдает ундефинет. |
sotik,
:cray:
<!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>
|
Спасибо
|
Цитата:
|
Цитата:
А как в таком случае сделать, чтобы поля в блоке div вместо display: none; становились неактивными (disabled) и их содержимое очищалось (value="") ? То есть при нажатии на галочку поля в блоке div становятся неактивными, и, если они были заполнены - очищаются P.S: Извините. Просто не очень разбираюсь в JS |
<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>
|
С помощью данного скрипта, скрываются и показываются только два поля: Время публикации: дд.мм.гггг чч:мм, и 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,
и? |
Блин, про вопрос забыл, из данного кода, скрывается только 2 поля, это Время публикации: дд.мм.гггг чч:мм, и ID комментария 123 *, а остальные почему то не реагируют.
|
| Часовой пояс GMT +3, время: 02:18. |