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 prototype 格式化数字 By shawl.qiu
Apr 02 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
Jquery实现图片左右自动滚动示例
Sep 25 Javascript
使用vue编写一个点击数字计时小游戏
Aug 31 Javascript
Vue.Js中的$watch()方法总结
Mar 23 Javascript
详解webpack3编译兼容IE8的正确姿势
Dec 21 Javascript
vue实现自定义多选与单选的答题功能
Jul 05 Javascript
layui前端框架之table表数据的刷新方法
Aug 17 Javascript
详解小程序云开发数据库
May 20 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
Sep 22 Javascript
原生js实现点击按钮复制内容到剪切板
Nov 19 Javascript
js前端对于大量数据的展示方式及处理方法
Dec 02 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获取一定范围内取N个不重复的随机数
2016/05/28 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
PDO::getAttribute讲解
2019/01/28 PHP
IE和FireFox(FF)中js和css的不同
2009/04/13 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
extjs 初始化checkboxgroup值的代码
2011/09/21 Javascript
js当一个变量为函数时 应该注意的一点细节小结
2011/12/29 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
2014/10/17 Javascript
jquery果冻抖动效果实现方法
2015/01/15 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
jquery if条件语句的写法
2016/05/19 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
JS简单添加元素新节点的方法示例
2018/02/10 Javascript
微信小程序传值以及获取值方法的详解
2019/04/29 Javascript
python 七种邮件内容发送方法实例
2014/04/22 Python
Tornado Web服务器多进程启动的2个方法
2014/08/04 Python
python发送邮件功能实现代码
2016/07/15 Python
python3实现磁盘空间监控
2018/06/21 Python
TensorFlow Session会话控制&amp;Variable变量详解
2018/07/30 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
Python多进程入门、分布式进程数据共享实例详解
2019/06/03 Python
python通过TimedRotatingFileHandler按时间切割日志
2019/07/17 Python
django基础学习之send_mail功能
2019/08/07 Python
numpy:np.newaxis 实现将行向量转换成列向量
2019/11/30 Python
浅谈PyQt5中异步刷新UI和Python多线程总结
2019/12/13 Python
pytorch使用tensorboardX进行loss可视化实例
2020/02/24 Python
Python实现捕获异常发生的文件和具体行数
2020/04/25 Python
详解Pycharm与anaconda安装配置指南
2020/08/25 Python
毕业留言寄语大全
2014/04/10 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
拾金不昧锦旗标语
2014/06/27 职场文书
Django框架中表单的用法
2022/06/10 Python