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 相关文章推荐
javascript 动态数据下的锚点错位问题解决方法
Dec 24 Javascript
Jquery之美中不足小结
Feb 16 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
Jun 24 Javascript
JS、DOM和JQuery之间的关系示例分析
Apr 09 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
Dec 20 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
Jan 02 Javascript
jQuery实现点击图片翻页展示效果的方法
Feb 16 Javascript
canvas知识总结
Jan 25 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
Aug 14 Javascript
深入理解Node module模块
Mar 26 Javascript
Node.js安装详细步骤教程(Windows版)详解
Sep 01 Javascript
js实现移动端tab切换时下划线滑动效果
Sep 08 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 开发环境配置(测试开发环境)
2010/04/28 PHP
30 个很棒的PHP开源CMS内容管理系统小结
2011/10/14 PHP
smarty简单应用实例
2015/11/03 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
jQuery实现动态添加和删除一个div
2015/08/12 Javascript
jQuery获取剪贴板内容的方法
2016/06/16 Javascript
js获取form表单所有数据的简单方法
2016/08/18 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
vue-cli 使用axios的操作方法及整合axios的多种方法
2018/09/12 Javascript
[01:46]辉夜杯—打造中国DOTA新格局
2015/12/25 DOTA
使用python在校内发人人网状态(人人网看状态)
2014/02/19 Python
pyqt4教程之messagebox使用示例分享
2014/03/07 Python
Python实现远程调用MetaSploit的方法
2014/08/22 Python
python操作xlsx文件的包openpyxl实例
2018/05/03 Python
浅析python继承与多重继承
2018/09/13 Python
使用urllib库的urlretrieve()方法下载网络文件到本地的方法
2018/12/19 Python
tensorflow 实现自定义梯度反向传播代码
2020/02/10 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
html5 自定义播放器核心代码
2013/12/20 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
canvas离屏技术与放大镜实现代码示例
2018/08/31 HTML / CSS
印尼值得信赖的在线交易网站:Bukalapak
2019/03/11 全球购物
伯克斯奥特莱斯:Burkes Outlet
2019/03/30 全球购物
新入职员工的自我介绍演讲稿
2014/01/02 职场文书
司仪主持词两篇
2014/03/22 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
汽车技术服务与贸易专业求职信
2014/07/20 职场文书
小学校长汇报材料
2014/08/20 职场文书
党员检讨书
2014/10/13 职场文书
党政领导班子群众路线对照检查材料
2014/10/26 职场文书
撤诉状格式范本
2015/05/19 职场文书
催款律师函范文
2015/05/27 职场文书
《爬天都峰》教学反思
2016/02/23 职场文书
2019年教师节:送给所有老师的祝福语
2019/09/05 职场文书
MySQL GTID复制的具体使用
2022/05/20 MySQL