简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:1022 次  日期:2014-12-19 14:29:39

温馨提示:易贤网小编为您整理了“Javascript实现全选并赋值给文本框代码”,方便广大网友查阅!

网上有很多的全选、赋值的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

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
下一篇:js获取字符串最后一位方法汇总
易贤网手机网站地址:Javascript实现全选并赋值给文本框代码
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!