0

こんにちは、ラジオ ボタンを生成し、必要に応じて削除する JavaScript コードがあります。
for (var i = 0; i < len; i++){
Node.childNodes[i].innerHTML = "";
} 

var Node1 = document.getElementById(tempArrIndex);        <br>
arrValueOptions = childValues[tempArrIndex["Values"].split(",");
for (var tempC2 = 0; tempC2 < arrValueOptions.length; tempC2++){
    var nameToUpdate = holdIDsToUpdate[tempCounter];
    var temp = tempC2 + 1;
    var idToUpdate = holdIDsToUpdate[tempCounter] + temp;
    var labelToUpdate = "";
    var defUpdater = "";
    if (arrValueOptions[tempC2] != ""){
        labelToUpdate = arrValueOptions[tempC2];
        if (childValues[tempArrIndex]["Default"] == labelToUpdate){
            defUpdater = 1;
        }
        var tbody = document.createElement('tbody');
        var row = document.createElement("tr");
        row.class = "test";
        var data1 = document.createElement("td");
        var newRadio = document.createElement("input");
        newRadio.type = "radio";
        newRadio.id = idToUpdate;
        newRadio.name = nameToUpdate;
        newRadio.value = labelToUpdate;
        if (defUpdater == 1){
            newRadio.setAttribute('checked', 'checked');
        }
        newRadio.setAttribute("onclick", "javascript:dependentFieldsValue('" + idToUpdate + "');");
        var data11 = document.createElement("td")
        var newLabel = document.createElement("label");
        newLabel.htmlFor = idToUpdate;
        newLabel.id = idToUpdate;
        newLabel.appendChild(document.createTextNode(labelToUpdate));
        tbody.appendChild(row);
        row.appendChild(data1);
        data1.appendChild(newRadio);
        row.appendChild(data11);
        data11.appendChild(newLabel);
        Node1.appendChild(row);
        defUpdater = 0;
    }
}

私がする必要があるのは、グループ内のラジオボタンの間にギャップを作成することです。彼らはお互いに非常に近いので。誰か助けてください。ギャップは IE では正常に表示されますが、Firefox では表示されません。

4

2 に答える 2

0

次のように、生成されたラジオ ボタンにクラスを追加します。

newRadio.className = "myClass";

次に、次のように、すべてのラジオ ボタンに任意の CSS を追加するだけです。

.myClass {
    margin-left: 3px;
}
于 2012-06-19T14:06:39.277 に答える
0

tdギャップは、チェックボックスを追加するセルにパディングを適用する CSS によって取得できます。

td { padding: 0.5em 0 }
于 2012-06-19T12:59:34.543 に答える