Question

该代码具有3个表单组，用于通过html radio按钮进行是/否问题。

<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>

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

// Jquery code: 
<script>
var x = 0;

$('input[name="q1"]').change(function() {
  if ($(this).val() == 'y') {
    var x = 1;
  }
});


if(x==1){ 
  alert('res');
}
</script>

如果可能，请忽略我的var设置尝试，并在选择了值=“ y”的单选按钮时分享有关如何执行相同结果的答案。

Answer 1

这部分代码不起作用，因为在页面加载（文档就绪）时，x为0。var x = 0

if(x==1){ 
  alert('res');
}

这里是有关如何在每个电台上都选中“是”的情况下运行console.log的示例

$('input[type="radio"]').change(function() {
  if ($(this).val() == 'y') {
    console.log('yes');
  }
});

<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>Q1</p>
   <input type="radio" name="q2" value="y">Yes
   <input type="radio" name="q2" value="n">No
</div>

<div class="form-group">
   <p>Q1</p>
   <input type="radio" name="q3" value="y">Yes
   <input type="radio" name="q3" value="n">No
</div>

Answer 2

     $('input[type="radio"]').click(function() {
          if ($(this).val() == 'y') {
             console.log('yes');
          }
      });

$（'input [type ='radio']'）选择所有输入单选，如果输入的值等于'y'，则onClick，这是正确的答案

如何在每个具有相同值的单选按钮上执行相同的代码

2 个答案: