Question

抱歉，这个菜鸟有问题，但是我开始学习Jquery，并且我遵循了看起来非常简单的显示警告框的小代码。但是，当我在Codepen或wordpress网站上尝试时，它不起作用。这是HTML

-k2.1,2.2

$(document).ready(function(){
  $('#my_radio_box').change(function(){
    alert('Radio Box has been changed!');
  });
});

我在这里想念什么？

Answer 1

您可以在选择器中使用name属性，例如：

$(':radio[name=my_options]').change(function(){

工作代码示例：

$(document).ready(function(){
  $(':radio[name=my_options]').change(function(){
    alert('Radio Box has been changed to '+ this.value);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="my_radio_box">
  <input type="radio" name="my_options" value="option 1"> Option 1
  <input type="radio" name="my_options" value="option 2"> Option 2
  <input type="radio" name="my_options" value="option 3"> Option 3
</form>

Answer 2

$(function(){
  $('input[type="radio"]').click(function(){
    if ($(this).is(':checked'))
    {
      alert($(this).val());
    }
  });
});

如果为单选按钮提供一个类，则可以将代码$('input[type="radio"]')替换为$('.someclass')

如何在jquery中获得警报框？

2 个答案: