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 相关文章推荐
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
Jan 27 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
jquery移动节点实例
Jan 14 Javascript
原生javascript实现addClass,removeClass,hasClass函数
Feb 25 Javascript
React.js入门实例教程之创建hello world 的5种方式
May 11 Javascript
javascript滚轮控制模拟滚动条
Oct 19 Javascript
Vue.JS入门教程之处理表单
Dec 01 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
JavaScript生成随机验证码代码实例
Sep 28 Javascript
vue 实现走马灯效果
Oct 28 Javascript
小程序Scroll-view上拉滚动刷新数据
Jun 21 Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 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模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
PHP程序员基本要求和必备技能
2014/05/09 PHP
php实现图片上传并进行替换操作
2016/03/15 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
js类的静态属性和实例属性的理解
2009/10/01 Javascript
jquery $.trim()方法使用介绍
2014/05/21 Javascript
分享一个常用的javascript静态类
2014/12/31 Javascript
JS中frameset框架弹出层实例代码
2016/04/01 Javascript
Node.js+Express配置入门教程详解
2016/05/19 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
jQuery如何解决IE输入框不能输入的问题
2016/10/08 Javascript
详解Vue 事件修饰符capture 的使用
2017/12/29 Javascript
基于Angularjs-router动态改变Title值的问题
2018/08/30 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
微信小程序使用canvas的画图操作示例
2019/01/18 Javascript
Vue实现简单的拖拽效果
2020/08/25 Javascript
[02:36]DOTA2英雄基础教程 斯拉克
2013/11/29 DOTA
Python的Flask框架与数据库连接的教程
2015/04/20 Python
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
Python数据拟合与广义线性回归算法学习
2017/12/22 Python
Python 在字符串中加入变量的实例讲解
2018/05/02 Python
python读取TXT每行,并存到LIST中的方法
2018/10/26 Python
如何解决django-celery启动后迅速关闭
2019/10/16 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
详解python内置模块urllib
2020/09/09 Python
详解如何通过H5(浏览器/WebView/其他)唤起本地app
2017/12/11 HTML / CSS
阿根廷票务网站:StubHub阿根廷
2018/04/13 全球购物
七年级英语教学反思
2014/01/15 职场文书
2014个人四风对照检查材料思想汇报
2014/09/18 职场文书
优秀共产党员推荐材料
2014/12/18 职场文书
成品仓管员岗位职责
2015/04/01 职场文书
离职员工给领导和同事的感谢信
2015/11/03 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
MySQL 8.0 Online DDL快速加列的相关总结
2021/06/02 MySQL
MySQL 亿级数据导入导出及迁移笔记
2021/06/18 MySQL
详解Vue router路由
2021/11/20 Vue.js