Question

大家好我有问题。

我正在从数据库中检索一些值，然后我将它们显示在一个表格中进行编辑。编辑完成后，值将发送回数据库。

如果选中值为“是”的收音机，我想显示div，如果选中价值为“No”的收音机，我想显示另一个div。

选中的值来自数据库，因此它并不总是在同一台收音机上。

<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')) {

您的代码将在文档准备好之后运行..但我认为您可能需要在无线电更改事件中

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

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

1 个答案: