js文本框赋值方法:javascript全选并赋值给文本框

发布时间:2019-09-27编辑:脚本学堂
js文本框赋值的一段代码,javascript全选页面内容并赋值给文本框的方法示例,循环遍历文本框并赋值的例子,需要的朋友参考下。

javascript全选并赋值给文本框

1、js代码:
 

复制代码 代码示例:
<script>
//全选
functionuncheckAll()
{
varcode_Values=document.getElementsByName('email');
vartem=document.getElementById("to").value;
varbb=document.getElementById('to');
if(code_Values.length)
{
for(vari=0;i<code_Values.length;i++)
{
if(code_Values[i].checked)
{
code_Values[i].checked=false;
tem=tem.replace(code_Values[i].value+",","");
}
else
{
//文本框赋值
code_Values[i].checked=true;
tem+=code_Values[i].value+",";
}
}
}
bb.value=tem;
}
< /script>

2、html代码:
 

复制代码 代码示例:
<inputid="to"type="text"class="input"size="60"name="to"value=""/>
<inputtype="button"class="btn"onclick="javascript:uncheckAll();"value="全选"/>
<inputtype="checkbox"value="111"name="email"/>&nbsp;&nbsp;111
<inputtype="checkbox"value="222"name="email"/>&nbsp;&nbsp;222
<inputtype="checkbox"value="333"name="email"/>&nbsp;&nbsp;333