2017-06-19 33 views
0

在這裏,我正在使用表單嚮導。使用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); 
      } 

     } 

    }); 

如何在一個單選按鈕應用樣式表?您可在圖像非常清晰地顯示...

enter image description here

當我使用統一的風格,即($(「輸入[類型=電臺]」)統一();)做工精細和單選按鈕樣式應用BT問題,當我檢查驗證那個時候它看起來像在下面的圖像中:

enter image description here

請幫我找出解決這個問題的方式。

+1

您需要設置類單選按鈕。 – 2017-06-19 07:08:47

+0

給'input type ='radio''上課,並在css上應用你的規則。 –

+0

在將'.uniform()'應用於動態創建的元素後,使用'$ .uniform.update()'。可能的重複https://stackoverflow.com/questions/7868101/jquery-uniform-update-doesnt-work – pokeybit

回答

1

你可以創建你在CSS類作爲

.myradio{ 
    // your code here 
} 

然後

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

當我使用自定義樣式表然後單選按鈕值不可點擊爲什麼?對於單選按鈕設計,我使用背景圖片... – Angel