js操作checkbox(复选框)的方法总结

收集了一些用js代码操作checkbox复选框的代码，分享出来，供需要的朋友参考：

<script>
//复选框checkbox 处理方法
//搜集整理 www.jbxue.com
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;
}
</script>

您可能感兴趣的文章：
js判断复选框checkbox是否选中并取出值
JS判断单个checkbox是否被选中的代码
js 判断checkbox是否选中的代码一例
js获取CheckBox多选框值的代码
Js动态添加Checkbox复选框的代码举例
限制复选框 checkbox 最多可选数的js代码
js实现checkbox的全选和全不选
js选中checkbox的代码

js操作checkbox(复选框)的方法总结相关推荐

js获取checkbox复选框获取选中的选项
分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document. ...
常用JS操作（复选框、单选框、下拉框）
直接上代码: jskey_form.js View Code if(typeof ($jskey) != "object") { $jskey = {}; } $jskey ...
jq设置checked是否选中_jQuery对checkbox复选框操作：判断是否选中等
<jQuery对checkBox复选框操作:判断是否选中等>要点: 本文介绍了jQuery对checkBox复选框操作:判断是否选中等,希望对您有用.如果有疑问,可以联系我们. 一.jqu ...
js checkbox复选框实现单选功能
本文仅供学习交流使用,demo下载见文末 js checkbox复选框实现单选功能 <script type="text/javascript">$(":ch ...
android勾选控件_Android中CheckBox复选框控件使用方法详解
CheckBox复选框控件使用方法,具体内容如下一.简介 1. 2.类结构图二.CheckBox复选框控件使用方法这里是使用java代码在LinearLayout里面添加控件 1.新建Linea ...
html 弹出复选框,js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解 ...
layui table勾选框的修改_Layui默认选中table的CheckBox复选框方法_飛雲_前端开发者...
方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , ...
html复选框美化插件,js和css3超酷checkbox复选框美化插件
这是一款效果超超酷的js和css3 checkbox复选框美化插件.这个checkbox复选框美化插件最大的特点是可以拖动进行复选框的多选,当你选择一个复选框后,按住它往下拖动,下面的复选框也会被选择 ...
jQuery 循环获取checkbox复选框的值，checkbox全选、全不选、反选
前端页面html <tr v-for="(log,index) in logList"><td>& ...
JS 原生实现复选框全选反选功能
** JS 原生实现复选框全选反选功能 ** 按钮功能实现思路: 全选按钮: 直接将全选按钮的状态赋值给每一个复选框. 复选框:只有当所有的复选框选中时,全选按钮才能选中,所以每当复选框每点击一次就 ...

js操作checkbox(复选框)的方法总结

js操作checkbox(复选框)的方法总结相关推荐

最新文章

热门文章