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;
}

时间: 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