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获取元素在浏览器中的绝对位置
Jul 24 Javascript
js编码、解码函数介绍及其使用示例
Sep 05 Javascript
window resize和scroll事件的基本优化思路
Apr 29 Javascript
JavaScript中的比较操作符&gt;、=、
Dec 31 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
Jul 22 Javascript
js实现select下拉框菜单
Dec 08 Javascript
基于jquery实现简单的分页控件
Mar 17 Javascript
jQuery Validate 数组 全部验证问题
Jan 12 Javascript
基于jquery实现多选下拉列表
Aug 02 jQuery
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
微信小程序地图导航功能实现完整源代码附效果图(推荐)
Apr 28 Javascript
初学vue出现空格警告的原因及其解决方案
Oct 31 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 print EOF实现方法
2009/05/21 PHP
php实现图形显示Ip地址的代码及注释
2014/01/20 PHP
PHP 实现判断用户是否手机访问
2015/01/21 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
jquery 简单的进度条实现代码
2010/03/11 Javascript
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
2010/04/01 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
纯JAVASCRIPT图表动画插件Highcharts Examples
2011/04/16 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
基于jQuery判断两个元素是否有重叠部分的代码
2012/07/25 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
2013/11/05 Javascript
微信企业号开发之微信考勤Cookies的使用
2015/09/11 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
Bootstrap中表单控件状态(验证状态)
2016/08/04 Javascript
ReactNative-JS 调用原生方法实例代码
2016/10/08 Javascript
从零学习node.js之模块规范(一)
2017/02/21 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
2018/01/08 jQuery
js实现上传并压缩图片效果
2018/01/10 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
[jQuery] 事件和动画详解
2019/03/05 jQuery
Vue实现点击显示不同图片的效果
2019/08/10 Javascript
vue fetch中的.then()的正确使用方法
2020/04/17 Javascript
python爬虫入门教程之点点美女图片爬虫代码分享
2014/09/02 Python
Python使用sftp实现上传和下载功能(实例代码)
2017/03/14 Python
Python跨文件全局变量的实现方法示例
2017/12/10 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
Django页面数据的缓存与使用的具体方法
2019/04/23 Python
Django model select的多种用法详解
2019/07/16 Python
关于windows下Tensorflow和pytorch安装教程
2020/02/04 Python
python简单的三元一次方程求解实例
2020/04/02 Python
大学生就业意向书
2015/05/11 职场文书
2016年三八节红领巾广播稿
2015/12/17 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
sass 常用备忘案例详解
2021/09/15 HTML / CSS
Nginx限流和黑名单配置
2022/05/20 Servers
利用正则表达式匹配浮点型数据
2022/05/30 Java/Android