триггер не работает при добавлении радио после загрузки Windows

#javascript #html #jquery

Вопрос:

Почему триггер не работает на всех входных радиоприемниках?
Работаю только на том радио, которое есть в теле.

     function addTaskUI(task){
            for (var key in task) {
                var keyUpperCase = key.toUpperCase();
                $("#radioButtons ul").append('<li><label for="' key '"><input type="radio" name="task" id="' key '" class="radioClass" value="' key '">' keyUpperCase '</label></li>');
            }   
        }
        window.onload = function() {
            $.getJSON("results-stress.json", addTaskUI);
            $(".radioClass").change(function () {
                alert("hello");
                alert(this.value);
            });
        }        
                        <ul>
                            <li>
                                <label for="all">
                                   <input type="radio" name="task" id="all" class="radioClass" value="all" checked="checked">ALL//this radio input is working good.
                                </label>                        
                            </li>
**//but when here code is appeared then not worked**</ul>
 

Я попытался использовать атрибут name и class, но не смог его разрешить

Есть ли какой-нибудь другой способ справиться с этим?

Ответ №1:

Вы можете попробовать этот способ для элементов, созданных во время выполнения.

 window.onload = function() {
  $.getJSON("results-stress.json", addTaskUI);
  $(document).on('change', '.radioClass', function () {
    alert("hello");
    alert(this.value);
  });
}