Форум

Bandicoot · #1 (**permalink**) 22.02.2011, 13:29

Ребят, подскажите пожалуйста как сделать следующее: есть чекбокс и кнопка. Нужно сделать так: При щелчке по чекбоксу он принимает атрибут "checked" и кнопка становится неактивной, при повторном щелчке по чекбоксу кнопка снова становится активной

Нужно учесть 1 нюанс: атрибуты id не должны использоваться, т.к. таких пар чекбокс-кнопка в документе будет несколько штук.

Aetae · #2 (**permalink**) 22.02.2011, 13:37

<input type="checkbox" /><input type="button" onclick="if(this.previousSibling.checked)alert('checked')" value="go">

Bandicoot · #3 (**permalink**) 22.02.2011, 13:45

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

<input type="checkbox" /><input type="button" onclick="if(this.previousSibling.checked)alert('checked')" value="go">

Спасибо, это уже ближе к истине, но все же не совсем то. Кнопка должна становится обязательно неактивной при отмеченном чекбоксе, и соответственно активироваться при снятии отметки. Речь идет об изменении атрибутов самой кнопки при клике по чекбоксу

ksa · #4 (**permalink**) 22.02.2011, 14:00

Bandicoot, как вариант...

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
</style>
<script>
function Go(Obj) {
    document.getElementsByName(Obj.name)[1].disabled=Obj.checked
}
</script>
</head>
<body>
<input name='test' type="checkbox" onclick="Go(this)" />
<input name='test' type="button" value="Go" />
</body>
</html>

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

1 нюанс: атрибуты id не должны использоваться

У меня name...

Aetae · #5 (**permalink**) 22.02.2011, 14:01

<input type="checkbox" onchange="nextSibling.disabled=checked"><input type="button" value="go">

Bandicoot · #6 (**permalink**) 22.02.2011, 15:01

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

Bandicoot, как вариант...

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
</style>
<script>
function Go(Obj) {
    document.getElementsByName(Obj.name)[1].disabled=Obj.checked
}
</script>
</head>
<body>
<input name='test' type="checkbox" onclick="Go(this)" />
<input name='test' type="button" value="Go" />
</body>
</html>

У меня name...

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

<input type="checkbox" onchange="nextSibling.disabled=checked"><input type="button" value="go">

Спасибо, приму во внимание

Форум

Справочник

Discord чат

Курсы javascript