Fatal编程技术网

Javascript 更改复选框可见性

javascript html

Javascript 更改复选框可见性,javascript,html,Javascript,Html,我希望我的网页上的按钮切换我的两个复选框的可见性 我如何实现这样的功能 <html> <head> <script language=javascript> function validate(chk){ if (chk.style.visibility == 'visible') chk.style.visibility = 'hidden'; else chk.style.visibility = 'visible'; } <

我希望我的网页上的按钮切换我的两个复选框的可见性

我如何实现这样的功能

<html>
<head>
<script language=javascript>
function validate(chk){
  if (chk.style.visibility == 'visible')
    chk.style.visibility = 'hidden';
  else
    chk.style.visibility = 'visible';
}
</script>
</head>
<body>
<form><span id=t style.visibility="visible" >
<input type=checkbox name=chk1>Please Check Me</span>
<input type=checkbox name=chk1>Please Check Me</span>
<p><input type=button value="check" onclick="return validate(t);">
</form>
</body>
</html>


功能验证（chk）{
如果（chk.style.visibility=='visible'）
chk.style.visibility='hidden'；
其他的
chk.style.visibility='visible'；
}
请查查我
请查查我
在HTML中保留JavaScript代码和CSS是一种很好的做法

<span id="t">
    <input type="text" />
    <input type="text" />
</span>
<button id="toggler">Toggle</button>
在线演示：

您没有为函数提供任何对象。快速解决方法是：

return validate(document.getElementById('t'));
而且，这个HTML是错误的。应该是：

<span id="t" style="visibility:visible" >



<span id="t" style="visibility:visible" >