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 相关文章推荐
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
Sep 03 Javascript
JavaScript针对网页节点的增删改查用法实例
Feb 02 Javascript
jquery仿QQ登录账号选择下拉框效果
Mar 22 Javascript
AngularJS基础 ng-selected 指令简单示例
Aug 03 Javascript
自己封装的一个原生JS拖动方法(推荐)
Nov 22 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
Jan 22 Javascript
cropper js基于vue的图片裁剪上传功能的实现代码
Mar 01 Javascript
深入浅析Node环境和浏览器的区别
Aug 14 Javascript
JS实现的排列组合算法示例
Jul 16 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
May 19 Javascript
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将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
extjs 列表框(multiselect)的动态添加列表项的方法
2009/07/31 Javascript
JavaScript入门之对象与JSON详解
2011/10/21 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
2013/05/15 Javascript
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
2013/05/17 Javascript
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
Javascript 遍历页面text控件详解
2014/01/06 Javascript
js单词形式的运算符
2014/05/06 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
2014/06/23 Javascript
js css+html实现简单的日历
2016/07/14 Javascript
基于jQuery实现滚动切换效果
2016/12/02 Javascript
Node接收电子邮件的实例代码
2017/07/21 Javascript
laydate日历控件使用方法详解
2017/11/20 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
2017/12/08 Javascript
vue组件系列之TagsInput详解
2020/05/14 Javascript
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
python3读取MySQL-Front的MYSQL密码
2017/05/03 Python
Python-OpenCV基本操作方法详解
2018/04/02 Python
Python定时任务APScheduler的实例实例详解
2019/07/22 Python
python实现计算器功能
2019/10/31 Python
Python解压 rar、zip、tar文件的方法
2019/11/19 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
Melissa香港官网:MDreams
2016/07/01 全球购物
军训学生自我鉴定
2014/02/12 职场文书
2014年元旦联欢会活动策划方案
2014/02/16 职场文书
共产党员公开承诺书范文
2014/03/28 职场文书
银行柜员与客户起冲突检讨书
2014/09/27 职场文书
建筑安全员岗位职责
2015/02/15 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
房产电话营销开场白
2015/05/29 职场文书
寻找最美乡村教师观后感
2015/06/18 职场文书
2016年“世界环境日”校园广播稿
2015/12/18 职场文书
如何书写读后感?(附范文)
2019/07/26 职场文书
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python
postgreSQL数据库基础知识介绍
2022/04/12 PostgreSQL