HTML의 자바 스크립트 배열

모바일 앱을 만들고 있습니다. 어떻게 language.js에서 배열을 삽입 할HTML의 자바 스크립트 배열

<div data-role="fieldcontain" class="ui-hide-label"> 
<input type="checkbox" name="English" value="0" onclick="setvalue(this.value)">English<br><input type="checkbox" name="Chinese" value="1" onclick="setvalue(this.value)">Chinese<br><input type="checkbox" name="Korean" value="2" onclick="setvalue(this.value)">Korean</div>

을 : 나는 자바 스크립트 파일 language.js이

var lang=new Array(); 
lang[0]="English";  
lang[1]="Chinese"; 
lang[2]="Korean";

내가 좋아하는 HTML의 배열에 따라 체크 박스의 입력을 만들려면 다음 코드를 가지고있다 HTML로? 감사합니다.

출처

2013-08-09 user2647710

당신이 jQuery를 같은 솔루션을 사용하여 고려 유무 : 데모에 대한

<div data-role="fieldcontain" class="ui-hide-label" id="langDiv"> </div>

바이올린 템플릿? 그것들은 javascript 정의 데이터로부터 동적으로 HTML을 생성하는 데 이상적입니다. 진지하게, 그들은 내 세계를 흔들었다. http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-an-introduction-to-jquery-templating/ –

당신은 아마 이런 걸 원하는 것 :

function buildLanguages() { 
    var div = document.getElementById("langDiv"); 

    var html = ""; 
    for (var i=0;i<lang.length;i++) { 
     html += "<input type='checkbox' name='" + lang[i] + "' value='" + i + "' onClick=\"setValue(this.value);\">" + lang[i] + "<br>"; 
    } 

    div.innerHTML = html; 
}

그리고 당신의 HTML : http://jsfiddle.net/4qb9Y/

출처

2013-08-09 18:19:13

HTML의 자바 스크립트 배열

답변

관련 문제