我可以让所有复选框都选中和不选中做同样的事情吗

Can I make all checkboxes checked and unchecked do the same thing?

本文关键字：复选框 我可以      更新时间：2024-02-08

需要一些帮助，每个复选框应该只允许显示该id。

如果选中了所有复选框，则显示所有id。

有没有一种方法可以让它在所有复选框都未选中时也显示所有id？

function numbercheck()
{
var vis = (form1.one.checked) ? "block" : "none"; 
document.getElementById("one").style.display = vis;
var vis = (form1.two.checked) ? "block" : "none"; 
document.getElementById("two").style.display = vis;
var vis = (form1.three.checked) ? "block" : "none"; 
document.getElementById("three").style.display = vis;
}
<form id="form1" name="form1" method="post" action="">
<input type="checkbox" name="one" onclick="numbercheck();" tabindex="one" />
one<br/>
<input name="two" onclick="numbercheck();" type="checkbox" value="two" />
two<br/>
<input name="three" onclick="numbercheck();" type="checkbox" value="three" />
three
</form>

我相信这可以清理并做得更简单，但这应该可以做你想要的。

function numbercheck()
{
var vis = (form1.one.checked) ? "block" : "none"; 
document.getElementById("one").style.display = vis;
var vis = (form1.two.checked) ? "block" : "none"; 
document.getElementById("two").style.display = vis;
var vis = (form1.three.checked) ? "block" : "none"; 
document.getElementById("three").style.display = vis;
if (!form1.one.checked && !form1.two.checked && !form1.three.checked)
{
    document.getElementById("one").style.display = "block";
    document.getElementById("two").style.display = "block";
    document.getElementById("three").style.display = "block";
}
}
相关文章：