js checkbox(復(fù)選框) 使用集錦
更新時(shí)間：2009年04月28日 19:46:11 作者：
js checkbox 使用技巧，實(shí)例代碼，大家可以看下。
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(","); //數(shù)組字符串化
document.getElementById('member').value=userIdString;
}
{
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(","); //數(shù)組字符串化
document.getElementById('member').value=userIdString;
}
相關(guān)文章
類似文本框輸入格式驗(yàn)證代碼，腳本之家以前就發(fā)布過很多，這里整理的不錯(cuò)，基本上是通過正則實(shí)現(xiàn)的，學(xué)習(xí)正則表達(dá)式的朋友不容錯(cuò)過。2010-10-10
公司最近一個(gè)項(xiàng)目中，出現(xiàn)了一個(gè)非window主題外觀的下拉菜單，于是自己搞了個(gè)。2008-11-11
用 Javascript 驗(yàn)證表單(form)中多選框(checkbox)值
和單選框一樣，許多新手在用 Javascript 驗(yàn)證表單（form）中多選框（checkbox）的值時(shí)，都會遇到問題，原因是 checkbox 和普通的文本框在獲取值的時(shí)候有很大不同2009-09-09
強(qiáng)效、方便的表單通用檢測JS 不錯(cuò)...2007-01-01
JavaScript實(shí)現(xiàn)動態(tài)增加文件域表單
對于上傳多個(gè)文件，可以通過js來動態(tài)生成文件域，下面是源代碼，收藏在這里，供以后直接使用，hoho！2009-02-02
javascript select控件間內(nèi)容互相移動
javascript select中內(nèi)容互相移動2009-11-11
javascript實(shí)現(xiàn)愛你在FF IE下都有效的添加一個(gè)項(xiàng)目
javascript實(shí)現(xiàn)愛你在FF IE下都有效的添加一個(gè)項(xiàng)目...2007-07-07
將多選框選中時(shí)打勾的顏色...2006-10-10
常用js腳本...2006-12-12
快速判斷某個(gè)值是否在select中的方法...2006-09-09