0
点赞
收藏
分享

微信扫一扫

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"/>
<input type="checkbox" name="box" id="111" value="11111" onclick="checkbox()"/>111<br />
<input type="checkbox" name="box" id="222" value="22222" onclick="checkbox()"/>222
举报

相关推荐

0 条评论