javascript - jQuery 隐藏/显示 div，带有单选按钮控件

Question

我有几个同名的单选按钮。

Office <input type="radio" name="owner_type" value="0" />
Agent <input type="radio" name="owner_type" value="1" />

并且有部分 jQuery 代码，必须显示或隐藏部分代码。

$('[name="owner_type"]').change(function(){
    if ($('[name="owner_type"]').val() == 1) {
        alert("it's 1 now");
        $('#agents').show();
    } else {
        alert("it's 0 now");
        $('#agents').hide();
    }
});

添加了警报以进行调试。它总是关于 0 的警报。无论现在检查哪个 radio 。我希望，你能帮助我。谢谢

Answer 1

你可以这样做:

$('[name="owner_type"]').change(function () {
    if ($('[name="owner_type"]:checked').val() === "1") {
        alert("it's 1 now");
        $('#agents').show();
    } else {
        alert("it's 0 now");
        $('#agents').hide();
    }
});

实际上，你正在这样做:

$('[name="owner_type"]').val()

它总是会获取第一个单选按钮的值，无论它是否被选中。

为了获取 change 事件中选中单选按钮的值，您可以使用 :checked选择器如上。