javascript - 如何使用同名元素的值

Question

我正在尝试弄清楚如何使用 Jquery 仅在单击"is"单选按钮时提醒“文本”。

我的代码的问题是，单击“否”按钮时也会显示警报。

如您所见，我还添加了一个带有评论的复选框，以使其更加清晰。

如果可以，请帮助我，如何解决这个问题？

$(document).ready(function(){
  $('input[type="radio"]').click(function(){
  if($('input[name=one][value =yes]:checked')) {
    alert("Text");
  }
  
  if($('input[name=two][value =no]:checked')) {
    // alert("Text");
  }
  
  });
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>Show text?</p> 
<input type="radio" name="one" value="yes">Yes
<input type="radio" name="one" value="no">No


<p>Do somthing Else</p> 
<input type="checkbox" name="two" value="no">No

Answer 1

您需要使用 this 关键字从引发事件的 radio 中检索 value。然后你可以简单地在 if 条件下读取它的值，像这样:

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>Show text?</p>
<input type="radio" name="one" value="yes">Yes
<input type="radio" name="one" value="no">No

<p>Do somthing Else</p>
<input type="checkbox" name="two" value="no">No

请注意，出于可访问性原因，在 click 上使用了 change 事件，还有 console.log() 而不是 alert () 用于调试。