繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js checkbox(复选框) 使用集锦
- Javascript
- Mootools 1.2教程 排序类和方法简介
- Mootools 1.2 手风琴（Accordion）教程
- Mootools 1.2教程 类(一)
- Mootools 1.2教程 Tooltips
- Mootools 1.2教程 选项卡效果（Tabs）
- Mootools 1.2教程(21)：类（二）
- Mootools 1.2教程 同时进行多个形变动画
- Mootools 1.2教程 滑动效果（Slide）
- 不安全的常用的js写法
- javascript 检测浏览器类型和版本的代码
- javascript 弹出层居中效果的制作
- javascript 遮照层效果
- Javascript createElement和innerHTML增加页面元素的性能对比
- 颜色快速采集器javascript代码
- var与Javascript变量隐式声明
- javascript 面向对象编程 万物皆对象
- jQuery 事件队列调整方法
- JavaScript switch case 的用法实例[范围]
- 控制input的CSS但不影响CheckBox以及Radio的样式
- ext 同步和异步示例代码
Javascript 中的 js checkbox(复选框) 使用集锦
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 449 ::
收藏到网摘: n/a
js checkbox 使用技巧，实例代码，大家可以看下。 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;
}
评论 (0) All
