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使用cookie
Feb 02 Javascript
javascript语句中的CDATA标签的意义
May 09 Javascript
客户端js性能优化小技巧整理
Nov 05 Javascript
js取得html iframe中的元素和变量值
Jun 30 Javascript
基于jquery实现百度新闻导航菜单滑动动画
Mar 15 Javascript
C#微信小程序服务端获取用户解密信息实例代码
Mar 10 Javascript
vuejs实现本地数据的筛选分页功能思路详解
Nov 15 Javascript
微信小程序模板(template)使用详解
Jan 31 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
Jul 21 Javascript
DatePickerDialog 自定义样式及使用全解
Jul 09 Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
Oct 02 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将gd生成的图片缓存到memcache的小例子
2013/06/05 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
IE6与IE7中,innerHTML获取param的区别
2009/03/15 Javascript
Javascript 变量作用域 两个可能会被忽略的小特性
2010/03/23 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
2010/12/30 Javascript
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
2012/07/17 Javascript
javascript中2个感叹号的用法实例详解
2014/09/04 Javascript
原生js和jquery实现图片轮播特效
2015/04/23 Javascript
javascript实现数组去重的多种方法
2016/03/14 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
React学习笔记之列表渲染示例详解
2017/08/22 Javascript
vue实现城市列表选择功能
2018/07/16 Javascript
微信小程序实现图片上传放大预览删除代码
2020/06/28 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
2018/08/27 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
详解vue为什么要求组件模板只能有一个根元素
2019/07/22 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
为什么JavaScript中0.1 + 0.2 != 0.3
2020/12/03 Javascript
[00:36]我的中国心——Serenity vs Fnatic
2018/08/21 DOTA
[36:43]NB vs Optic 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
django富文本编辑器的实现示例
2019/04/10 Python
python global和nonlocal用法解析
2020/02/03 Python
python 如何在测试中使用 Mock
2021/03/01 Python
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
介绍一下Mysql的存储引擎
2015/02/12 面试题
数据员岗位职责
2013/11/19 职场文书
计算机专业毕业生求职信分享
2013/12/24 职场文书
优秀学生干部个人事迹材料
2014/06/02 职场文书
疾病证明书
2015/06/19 职场文书
MySQL创建高性能索引的全步骤
2021/05/02 MySQL
springboot利用redis、Redisson处理并发问题的操作
2021/06/18 Java/Android
浅谈哪个Python库才最适合做数据可视化
2021/06/28 Python
Redis Lua脚本实现ip限流示例
2022/07/15 Redis