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

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();
  }
});