jQuery 不显示元素？

Question

我已经在我创建的一些 HTML 元素上使用了 .hide() 并且希望他们在我已经创建的单选按钮中选中 Yes 选项时立即显示创建。我的 jQuery 如下

if (document.querySelector('input[name="FIELD7"]:checked').value == "Yes") {
    $("#weapons").show();
    $("#weaponfield").show();
    $("#weaponfield2").show();
    $("#weaponfield3").show();
    $("#weaponfield4").show();
}

出于某种原因，当我选择"is"选项时，元素不会.show();。

有人在吗？

更新
我已经设法解决了这整个问题。我感谢那些试图帮助我的人!我已经创建了自己的修复程序，因为其他方法都不起作用。我为每个输入分配了一个 ID，并调用了要隐藏在点击功能上的 ID，非常简单，大声笑!这是我的 jQuery:

            $("#weaponyes").click(function() {
                $("#weapons").show();
                $("#weaponfield").show();
                $("#weaponfield2").show();
                $("#weaponfield3").show();
                $("#weaponfield4").show();
            });

            $("#weaponno").click(function() {
                $("#weapons").hide();
                $("#weaponfield").hide();
                $("#weaponfield2").hide();
                $("#weaponfield3").hide();
                $("#weaponfield4").hide();
            });

这看起来很完美，谢谢!

Answer 1

在 change 事件上使用，然后使用 if ($("input[name='FIELD7']").is(":checked") 检查是否正在检查输入 radio ))

JS

$("input[name='FIELD7']").on("change", function() {
    if ($("input[name='FIELD7']").is(":checked"))
      $("#weapons").show();
}); 

Fiddle

在看到您最近的评论后，我添加了一个更新:

$("input[name='FIELD7']").on("change", function() {
    if ($(this).is(":checked") && $(this).val() == 'Yes')
      $("#weapons").show();
});

Fiddle

选择否时更新然后隐藏:

$(function() {
    $("input[name='FIELD7']").on("change", function() {
        if ($(this).is(":checked") && $(this).val() == 'Yes')
          $("#weapons").show();
        else
          $("#weapons").hide();  
    });   
});

CSS

默认隐藏元素。

#weapons, 
#weaponfield,
#weaponfield2,
#weaponfield3,
#weaponfield4 {
  display: none;
}

Fiddle