Итак, вот мой код
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<title>Test</title>
<script type="text/vbscript">
Function obtn1()
document.forms("form").btn1.style.display = "none"
document.forms("form").btn2.style.display = "block"
msgbox "btn1"
End Function
Function obtn2()
document.forms("form").btn1.style.display = "block"
document.forms("form").btn2.style.display = "none"
msgbox "btn2"
End Function
</script>
</head>
<body>
<form id="form">
<label>
<input type="button" value="btn1" onclick="obtn1()" name="btn1" style="display: block;" />
<input type="button" value="btn2" onclick="obtn2()" name="btn2" style="display: none;" />
</label>
</form>
</body>
</html>
Его функция очень проста: Отобразите первую кнопку. Когда эта кнопка нажата, показать вторую кнопку и скрыть первую кнопку. При нажатии второй кнопки показать первую кнопку и скрыть вторую кнопку.
Но я не мог заставить его работать. Однако, если я удалю элемент <label>
или установлю атрибут for="somethinghere"
, тогда код будет работать нормально.
Так может ли кто-нибудь сказать мне, что я сделал неправильно? У меня Windows 7 x86 с установленным Internet Explorer 10.
label
не имеет указанного элемента формы для привязки, то, когда я нажимаю на него, он запускает обе кнопки. Можете ли вы опубликовать это как ответ, чтобы я мог отметить его как решенный? - person Teiv   schedule 14.09.2015