Javascript 选中单选按钮时显示div

多年来，我一直在努力解决这个问题，但一直无法解决。我想做的是当选择某个单选按钮时，在网页上显示某个div。我已经能够做到这一点时，表格提交，但我宁愿不依赖于提交它

<form name="options" action="index.php" method="post">
    <input type="radio" name="option" value="True"/>True<br>
</form>
<div id="show-1" style="display:none;">
    <form action="1.php" method="post">
        <input type="date" name="date"/><br/>
        <select name="people">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
        </select>
    </form>
</div>
<script type="text/javascript">
    $(document).ready(function(){
    $("input[name$='option']").click(function(){
    var radio_value = $(this).val();
    if(radio_value =='True') {
        $("#show-1").show("slow");
        }
    });
    });
</script>

正确



1.
2.
3.
4.
5.
6.
7.
8.
9
10
$（文档）.ready（函数（）{
$（“输入[name$='option']）。单击（函数（）{
var radio_value=$（this.val（）；
如果（无线电_值=='True'）{
$（“show-1”）。show（“slow”）；
}
});
});

我想这正是你想要的

var isChecked = $(this).prop("checked");
if(isChecked)
    $("#show-1").show("slow");

---

您可以基于jquery而不是.val来检查它

$(document).ready(function(){
        $("input[name$='option']").click(function(){
        var radio_value = $(this).is(':checked');
        if(radio_value) {
            $("#show-1").show("slow");
            }
        });
    });

---

您可以通过jQuery轻松做到这一点

$（“[value='input1'）。单击（函数（）{
$（“.show”）.show（）
})；

.show{
显示：无；
}

输入

输入

输入

输入

输入

输入

你好，世界！

普通JS解决方案，通过以下方式处理淡入淡出动画：

document.querySelector（“输入[name$='option']”）。addEventListener（'click'，function（））{
如果（选中此项）{
document.querySelector（“#show-1”）.style.display='block'；
document.querySelector（“#show-1”）.classList.add（'animate'）；
}
})

。制作动画{
不透明度：1；
动画：淡入1秒；
}
@关键帧淡入淡出{
0% {
不透明度：0；
}
100% {
不透明度：1；
}
}

正确



1.
2.
3.
4.
5.
6.
7.
8.
9
10

您必须使用AJAX才能做到这一点。您应该在if语句中始终使用大括号，因为IE不支持“松散”语句。谢谢！我会解决这个问题的