Question

我想在每个复选框中应用背景并用一些空格分隔。是否可以将背景应用于 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");
    }

Answer 1

尝试;

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分配一个类名，它会将该类应用于动态创建的复选框。该复选框将相应地设置样式。

将背景设置为div中动态创建的复选框和文本

1 个答案: