자바 스크립트를 사용하여 동적으로 생성 된 라디오 버튼에 CSS를 적용하십시오.

안녕하세요, 라디오 버튼을 생성하고 필요한 경우 제거하는 자바 스크립트 코드가 있습니다. 위한
(나는 < LEN, VAR I = 0 난 ++) {
는 XMLNode.childNodes [I] .innerHTML = ""; 내가해야 할 일을
}
자바 스크립트를 사용하여 동적으로 생성 된 라디오 버튼에 CSS를 적용하십시오.

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에서는 그렇지 않습니다.

출처

2012-06-19 durgesh

MH를, 어쩌면 코드를 먼저 포맷해야합니다. 이렇게하면 읽을 수 없습니다. 그리고 간격을두기 위해 CSS 패딩이나 마진을 사용하면 꽤 쉽습니다. –

브라우저의 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를 적용하십시오.

답변

관련 문제