2013-02-21 122 views
0

我想为每个复选框应用背景并用一些空格分隔。是否有可能将背景应用到动态创建的复选框中div设置背景以动态创建复选框和文本div

我必须为此行设置背景。

'<input type="checkbox" value="'+ ar2[i] + " " + " " + ar1[i] + '"/>' + ar1[i] + " " + " " + ar2[i] + '</br>' + '</br>' + '</br>'

for (var i = 0; i < ar2.length; i++) { 
     var newTextBoxDiv = $(document.createElement('div')).attr("id", 'TextBoxDiv' + counter); 
     newTextBoxDiv.after().html('<input type="checkbox" value="'+ ar2[i] + " " + " " + ar1[i] + '"/>' + ar1[i] + " " + " " + ar2[i] + '</br>' + '</br>' + '</br>'); 
     newTextBoxDiv.appendTo("#TextBoxesGroup"); 
    } 
+0

这应该对你有所帮助:http://stackoverflow.com/questions/1986608/css-styling-checkboxes – SpringSteven 2013-02-21 05:25:51

回答

0

尝试;

classx="classname"; 
for (var i = 0; i < ar2.length; i++) { 
     var newTextBoxDiv = $(document.createElement('div')).attr("id", 'TextBoxDiv' + counter); 
     newTextBoxDiv.after().html('<input class="'+classx+'" type="checkbox" value="'+ ar2[i] + " " + " " + ar1[i] + '"/>' + ar1[i] + " " + " " + ar2[i] + '</br>' + '</br>' + '</br>'); 
     newTextBoxDiv.appendTo("#TextBoxesGroup"); 
    } 

您可以在CSS中创建自定义类,并指定一个类名classx,它将类适用于动态创建的复选框。该复选框将相应地设置样式。