JS获取checkbox选中部分的数据，通过一个handler function显示到一个编辑栏中去
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS获取checkbox选中部分的数据，通过一个handler function显示到一个编辑栏中去相关的知识，希望对你有一定的参考价值。
将选中的checkbox一栏中的某一部分信息，通过一个按钮操作，显示到一个文本编辑区域里面去。
写了一个比较完整的给你，选择后，可以显示在文本框内，取消选择，文本框内也会取消，html中有的是不用的，希望可以帮到你
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
<head>
<title>js.html</title>
<!-- 将选中的checkbox一栏中的某一部分信息，通过一个按钮操作，显示到一个文本编辑区域里面去。 -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
window.onload = function()
//给您的建议输入框添加事件
var text = document.getElementsByName("text")[0];
//动态给checkbox添加事件
var checkboxs = document.getElementsByName("hobby");
//alert(checkboxs[2].name);
for(var i=0;i<checkboxs.length;i++)
//给所有checkbox添加动态事件
checkboxs[i].onclick = function()
value = text.value;
if( this.checked == true)
text.value = value +( value ? "," :"" )+ this.value;
else
var str;
if( value.search(this.value+",")==-1)
str = this.value;
else
str = this.value+",";
text.value = value.replace(str,"");
;
;
</script>
</head>
<body>
请选择您的爱好：
<input type="checkbox" name="hobby" value="学习">学习
<input type="checkbox" name="hobby" value="吃饭">吃饭
<input type="checkbox" name="hobby" value="玩耍">玩耍
<input type="checkbox" name="hobby" value="踢球">踢球
<br />
请选择性别：
<input type="radio" name="sex" value="男" checked="checked">男
<input type="radio" name="sex" value="女">女
<br />
您的建议：
<input typ="text" name="text" >
</body>
</html>追问
因为我是新手，刚刚接触这个，老板催的又比较急，您能远程协助一下么？
追答可以的
追问QQ
348108034
0
参考技术A <input type="checkbox" value="1" id="check" onClick="val(this)">数据<input type="text" value="" id="val">编辑框
</body>
<script language="javascript">
function val()
var text=document.getElementById("check").value;//获取多选框的值
document.getElementById("val").value=text; //赋值给编辑框
</script>
如何用JS控制复选框选中，element.checked
1、定义一个checkbox节点1
<input type='checkbox' id='iptchk'/>
2、根据id获取checkbox节点
1
var chk = document.getElementById('iptchk');//通过getElementById获取节点
3、通过checked设置为true，变checkbox为选中状态
1
chk.checked = true;//设置checked为选中状态 参考技术A 1、定义一个checkbox节点
1
<input type='checkbox' id='iptchk'/>
2、根据id获取checkbox节点
1
var chk = document.getElementById('iptchk');//通过getElementById获取节点
3、通过checked设置为true，变checkbox为选中状态
1
chk.checked = true;//设置checked为选中状态 参考技术B <!--1、定义一个checkbox：-->
<input type="checkbox" name="name" value="value" id="ckBox"/>
<script>
//2、通过id获取checkbox的节点对象，括号内的值是checkbox控件中的id属性的值：
var ckBoxObj = document.getElementById("ckBox");
//3、改变它的选中状态，true为选中，默认是false 不选中：
ckBoxObj.checked = true;
</script>
将以上内容贴到body区打开页面即刻看见效果。
以上是关于JS获取checkbox选中部分的数据，通过一个handler function显示到一个编辑栏中去的主要内容，如果未能解决你的问题，请参考以下文章