如何使用自己的onclick事件生成多个按钮

Question

下面的脚本生成两个复选框，每个复选框都有自己的点击事件 目前只有最后生成的复选框可以正常工作并切换正常，第一个复选框似乎根本不起作用。

如何让两个复选框都有自己唯一的onClick()事件？

var toggles = document.getElementById("toggles");
scriptList = {
    "cBox1": ["Checkbox 1", "checkbox1", false],
    "cBox2": ["Checkbox 2", "checkbox2", true]
};

for (var script in scriptList) {
    var script = scriptList[script];
    var option = document.createElement("span");
    var cBox = document.createElement("input");
    cBox.value = script[1];
    cBox.type = "checkbox";
    option.style.color = "#6C77C1";
    cBox.onclick = function() {
	    option.innerHTML = script[0] + "("+this.checked+") <br/>";
    };
    option.innerHTML = script[0] + "<br/>";
    toggles.appendChild(cBox);
    toggles.appendChild(option);
}

Click the checkboxes.<br/><br/>
<div id="toggles"></div>