javascript – 如果选中radio1则显示div1,如果选中radio2则显示div2

前端之家收集整理的这篇文章主要介绍了javascript – 如果选中radio1则显示div1,如果选中radio2则显示div2前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

嗨伙计们我有问题.

我正在从数据库中检索一些值,并将其显示在一个表单中进行编辑.编辑完成后,值将发送回DB.

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

检查的值来自数据库,因此它并不总是在同一台无线电上.

dio" name="longer" id="Yes" value="Yes" dio" name="longer" id="No" value="No" 

这是我到目前为止的jquery代码,但它不起作用:

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

谢谢你的时间.

最佳答案
使用.is(‘:checked’)检查

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

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

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

猜你在找的jQuery相关文章