javascript - 如果选中 radio1 则显示 div1，如果选中 radio2 则显示 div2

Question

我正在从数据库中检索一些值，并以表格形式显示它们以供编辑。编辑完成后，值将被发送回数据库。

如果选中值为“Yes”的单选按钮，我想显示一个 div，如果选中值为“No”的单选按钮，我想显示另一个 div。

选中的值来自数据库，因此它并不总是在同一个 radio 上。

<input type="radio" name="longer" id="Yes" value="Yes" <?=($info['longer']=='Yes')?'checked':''?>>Yes
<input type="radio" name="longer" id="No" value="No" <?=($info['longer']=='No')?'checked':''?>>No

<div id="first">
Show if value is yes
</div>

<div id="second">
Show if value is no
</div>

这是我目前使用的 jquery 代码，但无法正常工作:

$(document).ready(function() {
        if ($('#No').prop('checked')) {
            $('#first').hide();
            $('#second').show();
        } else if ($('#Yes').prop('checked') {
            $('#second').hide();
            $('#first').show();
        }
});

Answer 1

使用 .is(':checked') 检查

if ($('#No').is(':checked')) {

您的代码将在文档准备好后工作..但我认为您可能需要在 radio 更改事件中使用它

 $('input[name="longer"]').on('change',function(){
       //code here
    });