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

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，它将将该类应用于动态创建的复选框。复选框将得到相应的样式。