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 相关文章推荐
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
Apr 27 Javascript
JS两种定义方式的区别、内部原理
Nov 21 Javascript
浅析JavaScript中的同名标识符优先级
Dec 06 Javascript
document.forms[].submit()使用介绍
Feb 19 Javascript
JavaScript操作HTML元素和样式的方法详解
Oct 21 Javascript
jquery转盘抽奖功能实现
Nov 13 Javascript
JavaScript省市区三级联动菜单效果
Sep 21 Javascript
vue深入解析之render function code详解
Jul 18 Javascript
微信小程序 POST请求的实例详解
Sep 29 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
简述JS浏览器的三种弹窗
Jul 15 Javascript
Element Collapse 折叠面板的使用方法
Jul 26 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使用pclzip类实现文件压缩的方法(附pclzip类下载地址)
2016/04/30 PHP
yii2带搜索功能的下拉框实例详解
2016/05/12 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
随窗体滑动的小插件sticky源码
2013/06/21 Javascript
B/S模式项目中常用的javascript汇总
2013/12/17 Javascript
利用函数的惰性载入提高javascript代码执行效率
2014/05/05 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
2016/12/31 Javascript
将angular-ui的分页组件封装成指令的方法详解
2017/05/10 Javascript
使用Vue完成一个简单的todolist的方法
2017/12/01 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
python中使用百度音乐搜索的api下载指定歌曲的lrc歌词
2014/07/18 Python
Python实现的飞速中文网小说下载脚本
2015/04/23 Python
使用简单工厂模式来进行Python的设计模式编程
2016/03/01 Python
python和opencv实现抠图
2018/07/18 Python
python 把列表转化为字符串的方法
2018/10/23 Python
Django 路由控制的实现代码
2018/11/08 Python
python GUI库图形界面开发之PyQt5工具栏控件QToolBar的详细使用方法与实例
2020/02/28 Python
Python判断字符串是否为空和null方法实例
2020/04/26 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
详解pandas apply 并行处理的几种方法
2021/02/24 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
浅析两列自适应布局的3种思路
2016/05/03 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
2018/08/22 HTML / CSS
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
介绍一下Linux文件的记录形式
2012/04/18 面试题
一份报关员的职业规划范文
2014/01/08 职场文书
农村产权制度改革实施方案
2014/03/21 职场文书
营销总监岗位职责
2014/09/16 职场文书
国家助学金感谢信
2015/01/21 职场文书
2015毕业生简历自我评价
2015/03/02 职场文书
golang定时器
2022/04/14 Golang