在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>