Вопрос по чекбоксам
имеется 2 чекбокса
<input type="checkbox" name="Check1" onClick="agreeForm1(this.form)" /> <input type="checkbox" name="Check3" disabled="disabled" /> тоесть 1 из них в disabled, при выборе первого, второй должен активизироваться, при таком варианте:
function agreeForm1() {
if (Check1.checked) Check3.disabled = 0
else Check3.disabled = 1
}
в Опере работает, а Мозила выдает Ошибка: Check1 is not defined подскажите что не правильно? Спасибо! |
|
Kolyaj,
спасибо, но искать я и сам умею... а нашел бы так и не спрашивал... |
Это вы щас к чему сказали? К тому, что по ссылке даже не переходили?
|
Цитата:
function checkbox(input,check_id) {
if (input.value == ""){
check_id.checked = false;
}else{
check_id.checked = true;
}
}
но это не решило проблемы... |
В той статье описывается поиск элементов, в том числе по name. Где вы у себя в скрипте ищете нужный элемент?
|
я обратил на это тоже внимание, но если честно не понял как это
Метод document.getElementsByName(name) использовать в моем случае... |
function agreeForm1() {
if (Check1.checked) document.getElementsByName(Check3).disabled = 0 else document.getElementsByName(Check3).disabled = 1 } у меня только такой вариант, но что я очень в нем не уверен |
function agreeForm1() {
var Check1 = document.getElementsByTagName('Check1')
var Check3 = document.getElementsByTagName('Check3')
if (Check1.checked) Check3.disabled = 0
else Check3.disabled = 1
}
не работает :( |
Цитата:
<input type="checkbox" name="" />
<input type="checkbox" name="" disabled="disabled" />
<script type="text/javascript">
window.onload = function(){
var input = document.getElementsByTagName('input');
input[0].onclick = function(){
input[1].disabled = (input[1].disabled == 0) ? 1 : 0;
};
};
</script>
или
<input type="checkbox" name="input" />
<input type="checkbox" name="input" disabled="disabled" />
<script type="text/javascript">
window.onload = function(){
var input = document.getElementsByName('input');
input[0].onclick = function(){
input[1].disabled = (input[1].disabled == 0) ? 1 : 0;
};
};
</script>
|
monolithed,
Спасибо! только не понял как быть с разными именами... |
Цитата:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
function agreeForm1(Obj) {
document.getElementById('Check3').disabled=(Obj.checked)? false: true
}
</script>
</head>
<body>
<form action='index.html' method='post' name='Select' onsubmit='return Calc()'>
<input type="checkbox" id="Check1" onClick="agreeForm1(this)" />
<input type="checkbox" id="Check3" disabled="disabled" />
</form>
</body>
</html>
|
Цитата:
Имена можно использовать при формировании неких групп/массивов. ИДшники при уникальности различных элементов. Все это можно применять и в симбиозе... |
ksa,
Спасибо! А таким методом можно сделать такое? у меня было так: <img style="opacity: 0.4;" name="usajpg" src="рисунок.jpg" border="0" />
function agreeForm1(form) {
if (Check1.checked) usajpg.style.opacity = "1"
else usajpg.style.opacity = "0.4"
}
Буду признателен за помощь |
Ты используешь такой устаревший синтаксис... Я уже и забыл когда такое использовалось-то. :)
И свойство opacity не во всех браузерах сработает... Лучше таки сделать класс в ЦССе и менять свойство className у картинки.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
function agreeForm1(Obj) {
document.getElementById('Check3').disabled=(Obj.checked)? false: true
document.getElementById('usajpg').style.opacity=(Obj.checked)? '1': '0.4'
}
</script>
</head>
<body>
<form action='index.html' method='post' name='Select' onsubmit='return Calc()'>
<input type="checkbox" id="Check1" onClick="agreeForm1(this)" />
<input type="checkbox" id="Check3" disabled="disabled" />
<img style="opacity: 0.4;" id="usajpg" src="рисунок.jpg" border="0" />
</form>
</body>
</html>
|
ksa,
Спасибо большое, я понял как это работает)) |
Цитата:
|
Цитата:
document.getElementById('usajpg').style=(Obj.checked)? 'test1': 'test2'
или не? Цитата:
|
Цитата:
на этом сайте прекрасная база для изучения языка |
теперь проблема с селектом, ппц
<select onChange="this.form.usabblvl1.selectedIndex = parseInt(this.options[this.selectedIndex].id);">
<option id="0">1</option>
<option id="1">2</option>
<option id="2">3</option>
</select>
<select name="usabblvl1" title="Выбор уровня" >
<option value="0">Уровень1</option>
<option value="1">Уровень2</option>
<option value="2">Уровень3</option>
</select>
ведь работало же все |
Цитата:
Цитата:
|
Цитата:
|
<form action="" method="post">
<select>
<option selected="selected" disabled="disabled">- выберите -</option>
<option>1</option>
<option>2</option>
</select>
</form>
<script type="text/javascript">
window.onload = function(){
document.getElementsByTagName('select')[0].onchange = function(){
alert('выбрано: ' + this.options[this.selectedIndex].text);
};
};
</script>
|
Цитата:
Вот так
document.getElementById('usajpg').className=(Obj.checked)? 'test1': 'test2'
|
Цитата:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE></TITLE>
<script>
function Go(Obj) {
var val=Obj.options[Obj.selectedIndex].value
document.getElementById('usabblvl1').selectedIndex = val;
}
</script>
</HEAD>
<BODY bgcolor="F8F8FF">
<FORM name="form1">
<select onchange="Go(this)">
<option value='0'>1</option>
<option value='1'>2</option>
<option value='2'>3</option>
</select>
<select name="usabblvl1" title="Выбор уровня" >
<option value="0">Уровень1</option>
<option value="1">Уровень2</option>
<option value="2">Уровень3</option>
</select>
</FORM>
</BODY>
</HTML>
|
Цитата:
document.getElementsByName('usabblvl1')[0]
|
Не везде сделал правки...
|
| Часовой пояс GMT +3, время: 16:33. |