js checkbox(复选框) 使用集锦


Posted in Javascript onApril 28, 2009

function selectAll() //全选
{
var objs = document.getElementsByName('twId');
var i;
for(i = 0; i < objs.length; i++)
{
if(objs[i].type == "checkbox")
{
objs[i].checked = true;
}
}
}
function unselect() //反选
{
var objs = document.getElementsByName('twId');
var i;
for(i=0;i<objs.length;i++)
{
if(objs[i].type=='checkbox')
{
if(objs[i].checked == true)
{
objs[i].checked =false;
}
else
{
objs[i].checked =true;
}
}
}
}
function idArray() //得到批量处理的twId
{
var objs = window.document.getElementsByName('twId');
var i;
var idArray = new Array();
var j = 0;
for(i=0;i<objs.length;i++)
{
if(objs[i].type=='checkbox')
{
if(objs[i].checked == true)
{
idArray[j] = objs[i].value;
j = j + 1;
}
}
}
return idArray;
}
function evArray() //得到批量处理的city
{
var objs = window.document.getElementsByName('twId');
var evObj = window.document.getElementsByName('cityStr');
var i;
var evArray = new Array();
var j = 0;
for(i=0;i<objs.length;i++)
{
if(objs[i].type=='checkbox')
{
if(objs[i].checked == true)
{
evArray[j] = evObj[i].value;
j = j + 1;
}
}
}
return evArray;
}
function selectUser()

//把选择到的值写到文本框
{
 var userIds = new Array();
userIds = idArray();

var userIdString = userIds.join(",");  //数组字符串化

document.getElementById('member').value=userIdString;
}

Javascript 相关文章推荐
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 Javascript
浅谈Javascript数组索引
Jul 29 Javascript
基于jQuery实现的扇形定时器附源码下载
Oct 20 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
纯JS代码实现隔行变色鼠标移入高亮
Nov 23 Javascript
JS实现直接运行html代码的方法
Mar 13 Javascript
js实现图片加载淡入淡出效果
Apr 07 Javascript
利用js编写网页进度条效果
Oct 08 Javascript
分析JS单线程异步io回调的特性
Dec 01 Javascript
Angularjs实现页面模板清除的方法
Jul 20 Javascript
JavaScript引用类型Array实例分析
Jul 24 Javascript
jQuery实现简单弹幕制作
Dec 10 jQuery
js 数组操作代码集锦
Apr 28 #Javascript
ie和firefox不兼容的解决方法集合
Apr 28 #Javascript
js 表单验证方法(实用)
Apr 28 #Javascript
xml和web特殊字符
Apr 28 #Javascript
Firefox div高度自适应
Apr 28 #Javascript
jquery 获取json数据实现代码
Apr 27 #Javascript
javascript 对象比较实现代码
Apr 27 #Javascript
You might like
PHP在字符串中查找指定字符串并删除的代码
2008/10/02 PHP
sina的lightbox效果。
2007/01/09 Javascript
js实时获取系统当前时间实例代码
2013/06/28 Javascript
JS日期和时间选择控件升级版(自写)
2013/08/02 Javascript
javascript的alert box在java中如何显示多行
2014/05/18 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
jQuery中dom元素上绑定的事件详解
2015/04/24 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
jQuery使用经验小技巧(推荐)
2016/05/31 Javascript
基于vuejs+webpack的日期选择插件
2020/05/21 Javascript
vue-resource 拦截器使用详解
2017/02/21 Javascript
使用Angular Cli如何创建Angular私有库详解
2019/01/30 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
2019/03/28 jQuery
怎么使用javascript深度拷贝一个数组
2019/06/06 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
2020/06/17 Javascript
[01:44]剑指西雅图 展望TI之CIS战队专访
2014/06/25 DOTA
Python类属性与实例属性用法分析
2015/05/09 Python
python中Matplotlib实现绘制3D图的示例代码
2017/09/04 Python
Python去除、替换字符串空格的处理方法
2018/04/01 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
Python中的pathlib.Path为什么不继承str详解
2019/06/23 Python
python中K-means算法基础知识点
2021/01/25 Python
CSS3中各种颜色属性的使用教程
2016/05/17 HTML / CSS
亚瑟士美国官网:ASICS美国
2017/02/01 全球购物
英国折扣零售连锁店:QD Stores
2018/12/08 全球购物
土木工程实习生自我鉴定
2013/09/19 职场文书
测量工程专业求职信
2014/02/24 职场文书
三八节主持词
2014/03/17 职场文书
某某同志考察材料
2014/05/28 职场文书
民政局副局长民主生活会个人整改措施
2014/10/04 职场文书
个人先进材料范文
2014/12/30 职场文书
银行保安拾金不昧表扬稿
2015/05/05 职场文书
2015年后备干部工作总结
2015/05/15 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
浅析python中特殊文件和特殊函数
2022/02/24 Python