gpt4 book ai didi

javascript - 更改复选框可见性

转载 作者:行者123 更新时间:2023-12-02 20:41:18 26 4
gpt4 key购买 nike

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

我该如何实现这样的功能?

<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>

最佳答案

最好将 JavaScript 代码和 CSS 排除在 HTML 之外。

<span id="t">
<input type="text" />
<input type="text" />
</span>
<button id="toggler">Toggle</button>

对于 JavaScript 代码,我们通过 ID 查找这两个元素。然后,我们将一些逻辑附加到按钮本身的 onclick 方法。此逻辑检查 span 元素上 display 样式的当前值。如果它可见,我们将其隐藏。如果它被隐藏,我们就会显示它。

document.getElementById("toggler").onclick = function(){
var s = document.getElementById("t");
(s.style.display == "none") ? s.style.display = "" : s.style.display = "none";
};​

在线演示:http://jsbin.com/iyiki/2/edit

关于javascript - 更改复选框可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2336280/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com