Как получить окно оповещения в jquery?

Question

Извините за вопрос noob, но я начинаю изучать Jquery, и я следовал тому, что кажется очень простым крошечным кодом, отображающим окно с предупреждением.Однако, когда я пробую это на codepen или на моем WordPress сайте, это не работает.Вот HTML

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

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