`
cuker919
  • 浏览: 103144 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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

分享到:
评论

相关推荐

    checkbox复选框传值

    在网页设计和开发中,复选框(Checkbox)是一种常见的用户界面元素,允许用户从多个选项中选择一个或多个。当涉及到数据提交,比如通过HTML表单POST方法将用户的选择发送到服务器并存储到数据库中时,理解如何处理复...

    vue基于element-ui的三级CheckBox复选框功能的实现代码.zip

    `el-checkbox-group` 是一个容器,用于管理多个 `el-checkbox` 组件,而 `el-checkbox` 则是具体的单个复选框元素。在实现三级复选框时,通常需要处理嵌套关系,即一个复选框的选择可能会影响其子复选框的状态。 ...

    隐藏layui数据表格表头的checkbox复选框

    ### 隐藏LayUI数据表格表头的Checkbox复选框方法详解 #### 背景介绍 在前端开发过程中,经常会使用到LayUI框架搭建网页应用,尤其是在设计复杂的数据展示界面时,LayUI提供了强大的数据表格功能。然而,在某些场景...

    实现table表格checkbox复选框的全选 反选

    在网页开发中,表格(Table)是常用的数据展示方式,而复选框(Checkbox)则为用户提供多选功能。在HTML的表格中实现复选框的全选与反选功能,能够大大提升用户体验,使用户可以便捷地选择一组数据。这里我们将详细...

    CheckBox复选框美化版

    总的来说,"CheckBox复选框美化版"项目为开发者和设计师提供了一个优化用户界面的工具,通过结合CSS和JavaScript技术,将简单的复选框转变为更具吸引力和用户体验的交互元素。无论是用于个人项目还是商业应用,这个...

    layui默认选中table的CheckBox复选框方法

    方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , title: '用户列表' , page: true //开启分页 , cols: [[ {type:'...

    checkbox 复选框样式

    总的来说,自定义checkbox复选框样式是一项需要HTML、CSS和JavaScript综合运用的技能。它不仅提升了用户界面的美观度,也展示了开发者对于前端细节处理的能力。掌握这项技术,能让你的网页设计更加出彩。

    带复选框JS树,JS带复选框的列表,很好用

    在构建"带复选框的JS树"时,开发者通常会利用JavaScript来实现树的展开/折叠、复选框状态的同步以及与其他组件的交互等功能。 为了实现这个功能,开发者通常会使用现有的JavaScript库,如jQuery、Angular、React等...

    js和css3超酷checkbox复选框美化插件

    本文将深入探讨“js和css3超酷checkbox复选框美化插件”,这是一种利用这两种技术来增强用户体验的创新方法。 首先,我们要明白复选框(Checkbox)在HTML中的基本功能。复选框是网页表单中常见的一种输入元素,用户...

    树形复选框(Checkbox)

    本项目通过结合JavaScript和CSS技术,实现了一个具有展缩功能和选中数显示的树形复选框组件。下面我们将深入探讨这个组件的核心知识点。 首先,`Checkbox`在HTML中是`&lt;input type="checkbox"&gt;`标签,用于创建一个...

    CheckBox分级选中 复选框 上下级 联动

    总结来说,"CheckBox分级选中 复选框 上下级 联动"涉及了HTML和JavaScript的基本使用,包括事件监听、数据绑定和状态管理。在实际开发中,理解和掌握这些知识点有助于创建出更灵活、易用的用户界面。

    js checkbox全选 反选 取消全部设置表单html复选框勾选

    对于更复杂的场景,例如,如果复选框分组,你可能需要使用类名或数据属性来筛选要操作的复选框。此外,还可以使用事件委托来优化性能,特别是当复选框数量很大时。 在提供的压缩包文件"texiao1468_1560929584"中,...

    jQuery基于layui插件制作checkbox复选框选中代码

    在本文中,我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框,包括权限范围的多选、单选以及全选操作。同时,我们也将关注于父级和子级复选框之间的联动关系,即父级选中时子级全部选中,而...

    JS实现CheckBox复选框全选、不选或全不选功能

    CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...

    使用DWR实现checkbox复选框的修改默认功能

    在Web开发中,用户界面经常需要包含复选框(Checkbox)元素,以便用户可以多选一组选项。在传统的客户端-服务器交互模式下,如果需要实时更新服务器端的数据以反映客户端的复选框状态变化,通常需要提交表单或通过...

    jquery 实现鼠标单击行时,选中checkbox复选框

    jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框

    Javascript checkbox复选框动画插件特效源码.zip

    【标题】:“Javascript checkbox复选框动画插件特效源码.zip” 这个压缩包包含的是一款JavaScript编写的复选框(checkbox)动画插件的源代码。在网页开发中,复选框是用户交互的一种常见元素,用于让用户选择或...

    CSS3 checkbox复选框特效源码 12种.zip

    本特效源码是一组效果非常炫酷的checkbox复选框CSS3动画特效代码。通过使用checkbox.css样式,可以在点击复选框时产生各种非常酷的CSS3动画效果。本代码适用浏览器:搜狗、360、FireFox、Chrome、Safari、Opera、...

    checkbox复选框状态保持

    在IT领域,尤其是在前端开发中,"checkbox复选框状态保持"是一个常见的需求,它涉及到用户界面(UI)的交互设计和数据持久化。在网页或应用程序中,复选框(checkbox)是用户进行多选操作的基本元素,允许用户对一组...

Global site tag (gtag.js) - Google Analytics