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 相关文章推荐
js程序中美元符号$是什么
Jun 05 Javascript
js 提交和设置表单的值
Dec 19 Javascript
利用javascript实现一些常用软件的下载导航
Aug 03 Javascript
jQuery 选择器项目实例分析及实现代码
Dec 28 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 Javascript
JS简单实现获取元素的封装操作示例
Apr 07 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
Aug 03 Javascript
JavaScript定义函数的三种实现方法
Sep 23 Javascript
webpack项目调试以及独立打包配置文件的方法
Feb 28 Javascript
jquery操作select常见方法大全【7种情况】
May 28 jQuery
微信小程序实现上传多张图片、删除图片
Jul 29 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
一个用mysql_odbc和php写的serach数据库程序
2006/10/09 PHP
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
PHP中创建和验证哈希的简单方法实探
2015/07/06 PHP
PHP各种异常和错误的拦截方法及发生致命错误时进行报警
2016/01/19 PHP
PHP面向对象程序设计模拟一般面向对象语言中的方法重载(overload)示例
2019/06/13 PHP
filemanage功能中用到的lib.js
2007/04/08 Javascript
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
2007/10/01 Javascript
jQuery DOM操作小结与实例
2010/01/07 Javascript
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
总结JavaScript的正则与其他语言的不同之处
2016/08/25 Javascript
总结Javascript中数组各种去重的方法
2016/10/04 Javascript
微信小程序 动态绑定事件并实现事件修改样式
2017/04/13 Javascript
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
Angular父组件调用子组件的方法
2018/04/02 Javascript
Nodejs使用Mongodb存储与提供后端CRD服务详解
2018/09/04 NodeJs
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
详解React中合并单元格的正确写法
2019/01/08 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
2019/05/31 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
2019/06/03 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
2020/04/10 Javascript
python 回调函数和回调方法的实现分析
2016/03/23 Python
示例详解Python3 or Python2 两者之间的差异
2018/08/23 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
python 实现dict转json并保存文件
2019/12/05 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
Travelstart沙特阿拉伯:廉价航班、豪华酒店和实惠的汽车租赁优惠
2019/04/06 全球购物
抗洪救灾感谢信
2015/01/22 职场文书
2015年国庆节寄语
2015/08/17 职场文书
班主任培训研修日志
2015/11/13 职场文书
少儿励志名言(80句)
2019/08/14 职场文书
详解Python类和对象内容
2021/06/22 Python
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js
剧场版《转生恶役只好拔除破灭旗标》公开最新视觉图 2023年上映
2022/04/02 日漫
阿里云服务器Ubuntu 20.04上安装Odoo 15
2022/05/20 Servers