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;
}
js checkbox(复选框) 使用集锦_表单特效
时间: 2024-07-29 04:40:33
js checkbox(复选框) 使用集锦_表单特效的相关文章
javascript 单选框,多选框美化代码_表单特效
crir = { init: function() { arrLabels = document.getElementsByTagName('label'); searchLabels: for (var i=0; i<arrLabels.length; i++) { // get the input element based on the for attribute of the labe
javascript判断单选框或复选框是否选中方法集锦_表单特效
提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合. 样例一<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>判断单选框或复选框是否选中</title> </head> <body> <input name
js checkbox 复选框全选反选
//方法一 <script language="网页特效"> function checkallbox(box) { var f = box.form; var ischecked = box.checked; for (var i=0; i<f.elements.length; i++) { if (f.elements[i].type.tolowercase() == "checkbox") { f.el
js 金额文本框实现代码_表单特效
案例1:回车实现Tab跳转. 响应文本框的onKeyDown事件,window.event.keyCode获得用户点击的keyCode. (*)keyCode和ASCII不是完全一致,主键盘的1和小键盘的1的ASCII一样,但是keyCode不一样.回车的keyCode为 13,Tab的keyCode为9. <body onkeydown="if(window.event.keyCode==13){window.event.keyCode=9;}"> 只有少数的键才能被替换
javascript实现的左右选择框效果代码_表单特效
item 1.1 item 1.2 item 1.3 item 2.1 item 2.2 item 2.3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
select标记美化--JS式插件、后期加载_表单特效
<select>标签的外观问题很恼人,各个浏览器都不一致,单单就IE,一个版本就一个长相,还不能用CSS修饰. 在这将本人对<select>的美化方法共享出来.优点: 仍保留使用<select>,仅改变外观,不改变不干预Form行为,后期加载JS.(注:本脚本依赖jQuery) 啥也不说了,都在代码里.效果图在底部. 复制代码 代码如下: $(document).ready(function () { // 找出需要美化的<select>标记,我们用
CSS3实现动态背景登录框的代码_表单特效
基于CSS3动态背景登录框代码.这是一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效.效果图如下: 实现的代码如下: html代码: <div class="htmleaf-container"> <div class="wrapper"> <div class="container"> <h1>Welcome</h1> <form class="fo
鼠标经过的文本框textbox变色_表单特效
JS文件: 复制代码 代码如下: function mouseAction() { var textInputs = document.getElementsByTagName("input"); var len = textInputs.length; var index = 0; var textInput; /* 也能用 for in 语句遍历 for (textInput in textInputs){ textInputs[textInput].onmouseover = f
Javascript select下拉框操作常用方法_表单特效
复制代码 代码如下: function AddDropDownList(id,fatherCtl) { if(!document.getElementById(id)) { var ddl = document.createElement('select'); ddl.setAttribute("id",id); if(fatherCtl&&document.getElementById(fatherCtl)) document.getElementById(fathe