Javascript 如果选中单选按钮,如何按值隐藏元素?
我已经给了3个收音机盒,如下所示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&
<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);
});