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

19 浏览
0 Comments

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

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

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

选中的值来自数据库，因此不一定始终在同一个单选按钮上。

以下是我目前的jQuery代码，但它不起作用：

$(document).ready(function() {

if ($('#No').prop('checked')) {

$('#first').hide();

$('#second').show();

} else if ($('#Yes').prop('checked') {

$('#second').hide();

$('#first').show();

}

});

0

1 答案

0 Comments

问题的出现原因是需要根据选中的单选按钮显示不同的div。解决方法是使用jQuery的is(':checked')方法来检查单选按钮是否被选中，并在单选按钮的change事件中执行相应的代码。

具体的解决步骤如下：

1. 在文档加载完成后，使用jQuery的ready()方法来执行代码。

$(document).ready(function(){
   // 在这里放置代码
});

2. 在change事件中，使用is(':checked')方法来检查单选按钮是否选中，并根据结果显示对应的div。

$('input[name="longer"]').on('change', function(){
    if ($('#No').is(':checked')) {
        // 显示div1的代码
    } else if ($('#Yes').is(':checked')) {
        // 显示div2的代码
    }
});

完整代码如下：

$(document).ready(function(){
    $('input[name="longer"]').on('change', function(){
        if ($('#No').is(':checked')) {
            // 显示div1的代码
        } else if ($('#Yes').is(':checked')) {
            // 显示div2的代码
        }
    });
});

通过以上代码，可以根据选中的单选按钮显示不同的div。希望对你有帮助，祝你好运！

0