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对象和属性的创建方法
Jan 15 Javascript
jquery动态增加删除表格行的小例子
Nov 14 Javascript
jQuery多项选项卡的实现思路附样式及代码
Jun 03 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
使用jquery动态加载Js文件和Css文件
Oct 24 Javascript
原生js获取元素样式的简单方法
Aug 06 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 Javascript
详解从买域名到使用pm2部署node.js项目全过程
Mar 07 Javascript
node 解析图片二维码的内容代码实例
Sep 11 Javascript
vue2.x数组劫持原理的实现
Apr 19 Javascript
5种方法告诉你如何使JavaScript 代码库更干净
Sep 15 Javascript
vue自定义右键菜单之全局实现
Apr 09 Vue.js
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/22 PHP
php中创建和调用webservice接口示例
2014/07/25 PHP
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
2010/04/13 Javascript
JavaScript 异步方法队列链实现代码分析
2010/06/05 Javascript
五段实用的js高级技巧
2011/12/20 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
jQuery使用$.ajax进行即时验证实例详解
2015/12/11 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
JavaScipt选取文档元素的方法(推荐)
2016/08/05 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
2017/03/10 Javascript
[js高手之路]单例模式实现模态框的示例
2017/09/01 Javascript
微信禁止下拉查看URL的处理方法
2017/09/28 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
2017/11/14 jQuery
JS中的回调函数实例浅析
2018/03/21 Javascript
JS数组求和的常用方法实例小结
2019/01/07 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
2019/07/25 Javascript
JavaScript定时器使用方法详解
2020/03/26 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
2020/05/28 Javascript
深入分析jQuery.one() 函数
2020/06/03 jQuery
js+css实现扇形导航效果
2020/08/18 Javascript
Python 内置函数进制转换的用法(十进制转二进制、八进制、十六进制)
2018/04/30 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
使用PyCharm进行远程开发和调试的实现
2019/11/04 Python
使用python绘制cdf的多种实现方法
2020/02/25 Python
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
HTML5 Canvas 旋转风车绘制
2017/08/18 HTML / CSS
日本面向世界,国际级的免税在线购物商城:DOKODEMO
2017/02/01 全球购物
伦敦著名的运动鞋综合商店:Footpatrol
2019/03/25 全球购物
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
劳动仲裁调解书
2015/05/20 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
2016党员党章学习心得体会
2016/01/14 职场文书
100句人生哲理语录集锦:强者征服今天,懒汉坐等明天
2019/10/18 职场文书
浅谈什么是SpringBoot异常处理自动配置的原理
2021/06/21 Java/Android