Проблема в Google Chrome

sakhnenko · May 26, 2009

Необходимо чтобы при клике на checkbox внизу открывались дополнительные поля.

В примере привожу код, но он не срабатывает в Google Chrome.

Есть какое-нибудь решение?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Дополнительные поля</title>
</head>
<body>
<script>
function activField(form)
{
	form.yur_field.style.display = form.yur.checked ? 'block' : 'none';
}
</script>
<form style="margin-top: 15px;" class="usual" action="{process_order_action}" method="post" name="customerInfoForm" id="customerInfoForm">
<h3><input type="checkbox" name="yur" id="yur" onclick="activField(this.form);"><label for="yur">Если отметить checkbox слева, внизу должны открытся доп. поля</label></h3>
<fieldset id="yur_field" name="yur_field" style="display: none; max-width:60%;">
<p>Доп. поле №1: <input type="text" name="" value="" class=""></p>
<p>Доп. поле №2: <input type="text" name="" value="" class=""></p>
<p>Доп. поле №3: <input type="text" name="" value="" class=""></p>
<p>Доп. поле №4: <input type="text" name="" value="" class=""></p>
</fieldset>
</form>
</body>
</html>

s0rr0w · May 26, 2009

Вообще-то странно, что этот код вообще работает в других браузерах.

Передавайте функции this и обращайтесь напрямую к чекбоксу.

Styx · May 26, 2009

Вроде как name — недопустимый атрибут для fieldset (по крайней мере для заявленного DOCTYPE). Попробуйте еще помимо этого обращаться к fieldset из функции методом getElementById объекта document или так: form.getElementsByTagName("fieldset")[0].

Sign In

Проблема в Google Chrome

Question

sakhnenko

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

s0rr0w

Link to comment

Share on other sites

Styx

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information