检查单选按钮是否具有列表中的值

Question

我想弄清楚是否有一种方法可以在更改时检查单选按钮是否具有列出的值之一。这是我目前拥有的：

var stains = $(".stains-container");
var radio_buttons = $("input[name='tmcp_radio_0']");

var $bmaplechecked      = $("input.oak-stains, input.cherry-stains, input.qswo-stains, input.h-maple-stains, input.hickory-stains");
var $bmapleactive       = $(".oak-stains-div li, .cherry-stains-div li, .qswo-stains-div li, .h-maple-stains-div li, .hickory-stains-div li");
var $bmapleactivehide   = $(".oak-stains-div, .cherry-stains-div, .qswo-stains-div, .h-maple-stains-div, .hickory-stains-div");


var $bmapleval = $( /^Brown Maple_\d$/.test($(this).val()) );
var $wmapleval = $( /^Wormy Maple_\d$/.test($(this).val()) );
radio_buttons.on('change',function(){
    if ($bmapleval, $wmapleval) {
        stains.show();
        $(".b-maple-stains-div").show();
        $bmaplechecked.prop('checked', false);
        $bmapleactive.removeClass( "tc-active" );
    } else {
        $(".b-maple-stains-div").hide();
    }
});

在 if 条件下，我试图让它检查它是否具有列出的变量之一。我已经按原样和 if ($bmapleval || $wmapleval) 尝试过，但没有成功。我不是最擅长 JQuery 的人，所以非常感谢任何指导。

Answer 1

不要在 jQuery 对象中添加布尔值。并且您需要在事件处理程序中评估所选无线电的值。

radio_buttons.on('change', function(e) {
  var brownMapleRegExp = /^Brown Maple_\d$/;
  var wormyMapleRegExp = /^Wormy Maple_\d$/;

  if (brownMapleRegExp.test(e.target.value) || wormyMapleRegExp.test(e.target.value)) {
    stains.show();
    $(".b-maple-stains-div").show();
    $bmaplechecked.prop('checked', false);
    $bmapleactive.removeClass("tc-active");
  } else {
    $(".b-maple-stains-div").hide();
  }
});

检查单选按钮是否具有列表中的值

Check if Radio Button has a value from a list

jquery

onchange

radio-button