0

モバイルアプリを作成しています。次のコードを持つjavascriptファイルlanguage.jsがあります

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

次のような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 の配列を HTML に挿入するにはどうすればよいですか? ありがとう!

4

1 に答える 1

3

あなたはおそらく次のようなものが欲しいでしょう:

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:

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

デモのフィドル: http://jsfiddle.net/4qb9Y/

于 2013-08-09T18:19:13.177 に答える