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

在这里，我正在使用表单向导。使用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); 
      } 

     } 

    });

如何在一个单选按钮应用样式表？您可在图像非常清晰地显示...

当我使用统一的风格，即（$（“输入[类型=电台]”）统一（）;）做工精细和单选按钮样式应用BT问题，当我检查验证那个时候它看起来像在下面的图像中：

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

来源

2017-06-19 Angel

您需要设置类单选按钮。 – 2017-06-19 07:08:47

给'input type ='radio''上课，并在css上应用你的规则。 –

在将'.uniform（）'应用于动态创建的元素后，使用'$ .uniform.update（）'。可能的重复https://stackoverflow.com/questions/7868101/jquery-uniform-update-doesnt-work – pokeybit

你可以创建你在CSS类作为

.myradio{ 
    // your code here 
}

然后

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

来源

2017-06-19 07:24:36 Rahul

当我使用自定义样式表然后单选按钮值不可点击为什么？对于单选按钮设计，我使用背景图片... – Angel

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

回答

相关问题