Javascript 满足选择条件后,显示或隐藏进一步选择
我有以下问题,因为我在网上没有找到任何东西。我已经用HTML创建了几个选择。选择选项有是/否。第一次选择检查主题是否相关,如果不相关,则该主题的其余选择应消失。然后,我用一个按钮(用php进行评估)发送选择的评估,但我希望在从“是”更改为“否”之间有直接的行为。我愿意接受所有的可能性,无论是CSS、HTML还是JavaScript。此外,我的所有选择都在复选框的“div”中,您可以添加如下内容:Javascript 满足选择条件后,显示或隐藏进一步选择,javascript,php,html,css,select,Javascript,Php,Html,Css,Select,我有以下问题,因为我在网上没有找到任何东西。我已经用HTML创建了几个选择。选择选项有是/否。第一次选择检查主题是否相关,如果不相关,则该主题的其余选择应消失。然后,我用一个按钮(用php进行评估)发送选择的评估,但我希望在从“是”更改为“否”之间有直接的行为。我愿意接受所有的可能性,无论是CSS、HTML还是JavaScript。此外,我的所有选择都在复选框的“div”中,您可以添加如下内容: <input type="checkbox" id="check
<input type="checkbox" id="checkId" onchange="changeChk()">
使用一点css:
.hidden {
visibility: hidden;
}
例如,我在复选框周围加了一个跨距,使标签也消失了:
函数changeChk(){
如果(!document.getElementById('checkId')。已选中){
document.getElementById(“spanDisappear”).classList.remove(“hidden”);
}否则{
document.getElementById(“spanDisappear”).classList.add(“hidden”);
}
}
。隐藏{
可见性:隐藏;
}
这将永远在这里
这将消失
好的,非常感谢。我还有一个问题:“支票”是什么?是否用“是”勾选,或者我如何理解。它检查复选框是否勾选。我加了一把小提琴,这样你可以试试这个例子。只需点击“运行代码片段”。对不起。不幸的是,我没有任何复选框,但选择了。这些包括是或否。我的错误!但这对我以后会有帮助的,谢谢!我相应地更新了我的答案。你说“复选框可以用是/否填写”是什么意思?我在复选框中有是或否选项。复选框不包含书面选项,它们只是一个勾号(开/选中)或无勾号(关/未选中)。也许给我们看看你们的HTML。哦,伙计们,对不起。不幸的是,我没有任何复选框,但选择了。这些包括是或否。我的错误!
.hidden {
visibility: hidden;
}