javascript - 如何通过多个名称选择来检查所选元素的值

Question

如何仅在所有选定元素的值都等于“否”时才发出警报。

我已经尝试使用 .val，但不确定(如果，或..)如何使用 .click 仅当两个单选按钮都出现时才获得警报获取值 "n":

        $('input[name="q1"], input[name="q2"]').change(function() {
          if ($(this).val() == 'y') {
            alert('Yes if any');
          }
          else {
          // both radio buttons with "No" value: (how to)
          /*
            if ($(this).click().val == 'n'){
              alert('No if both');
            }
          */
            alert('No if both');
          }
        });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
       <p>Q1</p>
       <input type="radio" name="q1" value="y">Yes
       <input type="radio" name="q1" value="n">No
    </div>
    
    <div class="form-group">
       <p>Q2</p>
       <input type="radio" name="q2" value="y">Yes
       <input type="radio" name="q2" value="n">No
    </div>

我只想在两个单选按钮的值都为 "n" 时显示第二个警报，但是，我不知道如何让 Jquery 同时/一起检查多个值在这种情况下。

Answer 1

获取选定单选按钮值的数组，然后可以使用数组方法，如includes 和every:

const $inputs = $('input[name="q1"], input[name="q2"]');
$inputs.change(function() {
  const vals = $inputs
    .filter(':checked')
    .map((_, input) => input.value)
    .get();
  if (vals.includes('y')) {
    console.log('At least one "Yes"');
  } else if (vals.length === 2 && vals.every(val => val === 'n')) {
    console.log('Both "No"');
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
  <p>Q1</p>
  <input type="radio" name="q1" value="y">Yes
  <input type="radio" name="q1" value="n">No
</div>

<div class="form-group">
  <p>Q2</p>
  <input type="radio" name="q2" value="y">Yes
  <input type="radio" name="q2" value="n">No
</div>

通过使用数组，无需额外代码即可轻松扩展到更多数量的单选按钮组。