javascript - onClick 切换单选和标签元素

Question

这是我试过的。

<form method="POST">
<label>YES</label>
<input type="radio" name="yes">
<?php 
if(isset($_POST['yes']) === 'yes'){
?>
<label>Show me on yes</label>
<input type="radio" name="showme">
<?php
}

?>
</form>

所以当我们选择单选按钮“YES”时，它必须显示 “showme” 单选按钮。

我这里有什么问题？

我希望它在提交表单之前显示

Answer 1

我猜你正在寻找一个可能没有向服务器提交数据的前端解决方案，也就是说你想在检查另一个 radio 时显示 radio可以通过 JavaScript 或 jQuery 等客户端脚本来实现，但如果是那样的话，您也可以使用纯 CSS 来实现...

Demo

Demo 2 (带有标签)

input[id="yes"] {
    display: none;
}

label[for="yes"] {
    display: none;
}

input[id="showyes"]:checked + label[for="yes"] {
    display: block;
}

input[id="showyes"]:checked + label[for="yes"] + input[id="yes"] {
    display: block;
}

注意:如果客户端禁用了 JS，JavaScript/jQuery 将失败，是的，JS 可能是最好的方法，但如果只用 CSS 就可以轻松实现，为什么还要使用它呢。