0

各チェックボックスに背景を適用し、スペースで区切りたいと思います。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");
    }
4

1 に答える 1

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 でカスタム クラスを作成し、クラス名を 1 つ割り当てるとclassx、そのクラスが動的に作成されたチェックボックスに適用されます。それに応じてチェックボックスのスタイルが設定されます。

于 2013-02-21T06:20:26.623 に答える