Javascript 如果选中单选按钮,如何按值隐藏元素?

Javascript 如果选中单选按钮,如何按值隐藏元素?,javascript,html,jquery,Javascript,Html,Jquery,我已经给了3个收音机盒,如下所示 <input type="radio" class="minimal" name="statusFilter" value="1" autocomplete="off"> <input type="radio" class="minimal" name="statusFilter&

我已经给了3个收音机盒,如下所示

    <input type="radio" class="minimal" name="statusFilter" value="1" autocomplete="off">
    <input type="radio" class="minimal" name="statusFilter" value="2" autocomplete="off">
    <input type="radio" class="minimal" name="statusFilter" value="3" autocomplete="off">

您应该改为收听event
onChange

此外,您可以使用
切换
来触发显示/隐藏,以增强这样的逻辑

$('input[name=“statusFilter”]')。在(“change”,function()上{
常量isEqualTo_2=$(this).val()!=2;
$(“#btn创建形式”)。切换(isEqualTo_2);
});


btn创建形式表
请注意,每个
autocomplete=“off”
中都有一个
到多个
if
之前。但这取决于您运行代码的时间,您没有提供。是的,当您收听
onChange
事件时。无论何时单击单选按钮,回调函数都会受到影响。现在,您可以根据需要检查切换按钮的值。好的,然后在内部进行切换,比如,如果条件为true,则元素.show(),如果条件为false,则元素.hide()?是。它与
show/hide
相同,但更简短、更简洁^^@纳文
    $('input[name="statusFilter"]').each(function() {
           if ($(this).val() == 2) {
           alert('test');
            $('#btn-create-proforma').hide();
       }
    });
$('body').on('change', 'input[name="statusFilter"]', function(){
    var dis = $(this),
        showHide = dis.val() != 2;

    $('#btn-create-proforma').toggle(showHide);
});