45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网络编程 > javascript >

Javascript实现全选并赋值给文本框代码

电脑软硬件应用网 45IT.COM 时间:2014-11-17 12:00 作者:佚名
全选的实现非常的简单,只要点击之后进行for遍历checkbox 设置为checked即可,了但如果还要赋值简单的升级一下即可,下面来看看。

网上有很多的全选、赋值的js方法,但是没有小编想要的那样的代码,既然今天用到了,就把代码贴出来分享一下。
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>

tml代码:

代码如下  

<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

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识