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

时间: 2024-10-02 22:11:42

Javascript实现全选并赋值给文本框代码的相关文章

JS练习实例:javascript实现全选/全不选/反选

文章简介:JS练习实例:javascript实现全选/全不选/反选. javascript实现全选/全不选/反选 功能 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtm

javaScript checkbox全选全不选的问题

问题描述 javaScript checkbox全选全不选的问题 我想用JavaScript做一个全选全不选的效果,但是我在点击全选按钮的时候没有任何反应. 运行结果: 求大腿.... 解决方案 click()方法换个名字,可能和js的名字冲突了 解决方案二: checkbox全选全不选checkBox全选全不选checkbox全选全不选 解决方案三: 进函数了吗???函数里面得到的oinput长度是多少??调试应该就能找出问题吧

JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享_javascript技巧

效果展示: 代码实现: 控制器 <?php namespace app\controllers; use Yii; use yii\filters\AccessControl; use yii\web\Controller; use yii\filters\VerbFilter; use app\models\LoginForm; use app\models\ContactForm; //use yii\db\ActiveRecord; use yii\data\Pagination; use

JS实现下拉菜单赋值到文本框的方法_javascript技巧

本文实例讲述了JS实现下拉菜单赋值到文本框的方法.分享给大家供大家参考.具体如下: 这里演示下拉菜单和文本框构建的介绍栏,将Select框中的值定位到INPUT文本输入框中,是下拉框赋值到文本框的实例,上网时候貌似经常见的功能,只是不知如何形容,或许叫做联动吧. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-select-to-input-val-codes/ 具体代码如下: <html> <head> <SCRIP

asp.net-请教jquery easyui 如何点击文本框弹出页面,选择行后双击赋值到文本框?

问题描述 请教jquery easyui 如何点击文本框弹出页面,选择行后双击赋值到文本框? 在点击添加按钮后出现的添加页面里面点击一行文本框,出现一新页面,双击新页面的任意行后赋值到文本框 解决方案 这题主要是靠js实现,你主要是不会如何双击取值吧! 首先,我不知道你出现的"新页面"到底是什么页面,是一个表格,还是什么网页文字! 如果是datagrid,那就很简单了,EasyUI里面应该提供的有双击取值方法,自己去查一下! 如果是什么网页文字一类的,就直接复制粘贴吧!

jQuery/javascript实现全选全不选

1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>Checkbox的练习</title> 5 <style type="text/css"> 6 *{margin:0px;padding:0px;} 7 table{width:100%;text-align:center;} 8 </style> 9 10 <script

javascript multibox 全选_表单特效

复制代码 代码如下: function allselect() { try{ var checkedcount=0; for(var i=0;i<form1.orgIds.length;i++) { if(form1.orgIds[i].checked) checkedcount++; } if(checkedcount==form1.orgIds.length) { for(var i=0;i<form1.orgIds.length;i++) { form1.orgIds[i].checke

checkbox全选/取消全选以及checkbox遍历jQuery实现代码_jquery

复制代码 代码如下: <html> <head> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> </head> <body> <input type="checkbox" name="chk_list" id="chk_list_1" valu

JS调用C#后台代码---JS实现DataGrid“全选”、“反选”、调用后台代码批量删除数据

以前做web,基本没用过啥JS,这短时间,公司里面接触到的JS蛮多的,他们叫我在DataGrid里面的CheckBox弄个"全选",要用JS来实现,来实现批量删除,这个功能,直接用C#是很好实现的,直接遍历就可以把选中的ID全部取出来.JS,那就只能用Html的CheckBox,这个不是服务器控件,C#后台代码是无法访问了,所以,再网上找了点资料,实现了. 首先,先定义一个DataGrid控件,先添加一个模板列,里面放一个Html的CheckBox,属性name=ChoessAll,(