應用css動態生成單選按鈕使用javascript

嗨我有一個JavaScript代碼，生成單選按鈕，並刪除以及如果需要。
for（var i = 0; i < len; i ++）{
Node.childNodes [i] .innerHTML =「」;
}
應用css動態生成單選按鈕使用javascript

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; 
    } 
}

它正常工作，我需要做的是在單選按鈕之間的組中製作的差距。因爲它們彼此非常接近。任何人請幫助。 Gap在IE中顯示正常，但在Firefox中不顯示。

來源

2012-06-19 durgesh

MH，也許你應該首先格式化你的代碼，這是不可讀的。並且使用css-padding或邊距來填補空白，這很容易。 –

您正在依靠瀏覽器的CSS樣式來定位元素的間隙/定位。如果你想保持差距，你需要在你的無線電元素上應用一種風格 - 並設置保證金。 –

你確定它有效嗎？你有太多的關閉大括號比你打開大括號... – tkone

可以通過一些CSS在td單元格上應用填充來獲得間隙，在該單元格中添加複選框，例如，

td { padding: 0.5em 0 }

來源

2012-06-19 12:59:34 fcalderan

嗨Calderan謝謝....你的回覆..問題看起來有點不同..我解釋你們。 – durgesh

類添加到您生成的單選按鈕，這樣的：

newRadio.className = "myClass";

那麼你可以任何CSS只需添加到您的所有單選按鈕，如下所示：

.myClass { 
    margin-left: 3px; 
}

來源

2012-06-19 14:06:39 Tom

應用css動態生成單選按鈕使用javascript

回答

相關問題