JS实现点击复选框增减文本框内容的代码

在Web的表单设计中，有时需要将选中的复选框内容自动填入某个文本框中，等待提交，并且需要在每次选中或取消选中时，都对文本框的内容进行增减。这样一个功能需要通过JavaScript来实现，以下代码是一种实现方式：

<script type="text/javascript">
function checkbox() {
	var str = document.getElementsByName("box");
	var objarray = str.length;
	var chestr = "";
	var chestrName;
	for (i = 0; i < objarray; i++) {
		if (str[i].checked == true){
			if (chestr != ""){
				chestr += "," + str[i].value;
			} else {
				chestr += str[i].value;
			}
		}
	}
	document.all.txt.value = chestr;
}
</script>
<div>
    <input type="text" name="txt" value="" style="height:35px;width:430px"/>
    <label><input type="checkbox" name="box" id="111" value="11111" onclick="checkbox()"/>111</label>
    <label><input type="checkbox" name="box" id="222" value="22222" onclick="checkbox()"/>222</label>
</div>