2017-06-19 6 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

非常に明確に画像で表示することができます($(「入力[タイプ=ラジオ]」)制服();。)の罰金とラジオボタンのスタイルを働きますこれを解決する方法を見つけるために私を助けてください

enter image description here

を:適用BTの問題は、私は検証をチェックしていたときにその時はそれが下の画像の中のようになりますです。

+1

としてのCSSであなたのクラスを作成することができます。 –

+0

'input type = 'radio''にクラスを与え、CSSでルールを適用します。 –

+0

'.uniform()'を動的に作成された要素に適用した後、 '$ .uniform.update()'を使用します。おそらく重複するhttps://stackoverflow.com/questions/7868101/jquery-uniform-update-doesnt-work – pokeybit

答えて

1

あなたはラジオボタンにクラスを設定する必要が

.myradio{ 
    // your code here 
} 

、その後

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

私はカスタムスタイルシートを使用していますし、ラジオボタンの値はクリックできませんなぜですか?ラジオボタンのデザインのために私は背景イメージを使用しています... – Angel

関連する問題