webew
Войти » Регистрация
 
JavaScript

Обработка checkbox

30 июня 2009, 12:32
Автор: Tankiro1
Необходимо сделать чтоб при щелчке на checkbox(ставим галку) поле (type="text")можно было редактировать, галку убираем - редактировать нельзя

Поле почему-то остается активным!!!!????


<script language="JavaScript">
<!-- hide

function editText() {
if (document.myForm.FlagEdit.checked)
{
chkInput = document.getElementById("FlagEdit");
txtInput = document.getElementById("IDD");
txtInput.readonly = chkInput.checked;
}
}
// -->
</script>


PRINT'
<form name="myForm">
<table>
<tr>
<td><input type="checkbox" name="FlagEdit" onClick="editText()"></td>
<td><input type="text" id="IDD" value='.$id.' size="30" maxlength="50"></td>
</tr>
</table>
</form>';
Добавить комментарий

bur

У вас 2 ошибки:
1) Вы обращаетесь к элементу 'FlagEdit' по ID, хотя там name с этим значением.
2) Лучше менять не readonly, а disabled.

Держите:
<script type="text/javascript">
function editText() {
if (document.myForm.FlagEdit.checked)
{
chkInput = document.getElementById("FlagEdit");
txtInput = document.getElementById("IDD");
txtInput.disabled = chkInput.checked;
}
}
// -->
</script>

<form name="myForm">
<table>
<tr>
<td><input type="checkbox" id="FlagEdit" onClick="editText()"></td>
<td><input type="text" id="IDD" value="" size="30" maxlength="50"></td>
</tr>
</table>
</form>
30.06.2009, 13:53
Ответить
© 2008—2017 webew.ru, связаться: x собака webew.ru
Сайт использует Flede и соответствует стандартам WAI-WCAG 1.0 на уровне A.
Rambler's Top100

Реклама: