javascript - 在 HTML 中访问 javascript 数组

Question

我正在创建一个移动应用程序。我有一个 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>

如何在 HTML 中插入 language.js 中的数组？谢谢！

Answer 1

你可能想要这样的东西：

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/