javascript - 如何在动态生成单选按钮上应用样式表？

Question

在这里，我使用的是表单向导。使用 ajax 加载数据，数据附加在 html 中。

ajax代码:

    $.ajax({

        url: '<?php echo base_url(); ?>booking/listSiteUrl',
        type: 'post',
        dataType: 'json',

        success: function (response) {
            if (response.success == 1) {
                var row = '';
                var i = 1;

                $.each(response.row_data, function (index, value) {
                    row += "<tr><td>" + i + "</td><td>" + value.url + "</td><td>" + value.p1_name + "</td><td hidden>" + value.id + "</td><td hidden>" + value.f_n + "</td><td><div class='radio-list'><label><input type='radio' id='f_n_val' name='select_val' data-url='" + value.url + "' data-pub='" + value.p1_name + "' data-id='" + value.id + "' data-follow='" + value.f_n + "' required='required'></label></div></td></tr>";
                    i++;
                });
                $("#results").html(row); 
              // $("input[type=radio]").uniform();

            } else {
                var row = '';
                row += "<tr><td colspan='4' class='text-center'>No Records Found</td></tr>";
                $("#results").html(row);
            }

        }

    });

如何在单选按钮上应用样式表？你可以在图像中非常清楚地显示...

当我使用统一样式时，即 ($("input[type=radio]").uniform();) 工作正常并且单选按钮样式应用 bt 问题在我检查验证时它看起来像在下图中:

请帮我找出解决这个问题的方法。

Answer 1

您可以在 css 中创建您的类

.myradio{
  // your code here
}

然后

$("input[type=radio]").addClass('myradio');