<script>
function selectit(){
//设置变量form的值为name等于select的表单
var form=document.select
//取得触发事件的按钮的name属性值
var action=event.srcElement.name
for (var i=0;i<form.elements.length;i++){//遍历表单项
//将当前表单项form.elements[i]对象简写为e
var e = form.elements[i]
//如果当前表单项的name属性值为iTo,
//执行下一行代码。限定脚本处理的表单项范围。
if (e.name == "iTo")
/*如果单击事件发生在name为selectall的按钮上,就将当前表单项的checked属性设为true(即选中),否则设置为当前设置的相反值(反选)*/
e.checked =(action=="selectall")?(form.selectall.checked):(!e.checked)
}
}
</script>
<form name="select">
<INPUT type="checkbox" name="selectall" onclick="selectit()">全选
<INPUT type="checkbox" name="Inverse" onclick="selectit()">反选
<INPUT type="checkbox" name="iTo" value="1">1
<INPUT type="checkbox" name="iTo" value="2">2
<INPUT type="checkbox" name="iTo" value="3">3
<INPUT type="checkbox" name="iTo" value="4">4
<INPUT type="checkbox" name="iTo" value="5">5
</form>
分享到:
相关推荐
### Vue+Vant-UI框架实现购物车复选框全选和反选功能 #### 1. 概述 在电商类应用中,购物车模块是用户进行商品选购时的重要组成部分。其中,复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品...
用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。
### JavaScript 复选框全选与反选 在Asp.net中,前端交互通常由JavaScript来实现。对于复选框(checkboxes)的全选和反选,可以通过JavaScript的DOM操作来实现。以下是一个基本示例: ```javascript // 获取复选框...
在IT领域,尤其是在前端开发中,复选框全选和反选是一个常见的功能需求,它通常出现在表格或者列表中,允许用户一次性选择或取消选择所有项目。这个"复选框全选和反选.zip"文件可能包含了一个JavaScript实现的解决...
在HTML的表格中实现复选框的全选与反选功能,能够大大提升用户体验,使用户可以便捷地选择一组数据。这里我们将详细探讨如何通过JavaScript和HTML来实现这一功能。 首先,我们需要创建一个包含复选框的HTML表格。...
#### 一、jQuery实现复选框全选与反选 **1.1 全选功能** 首先来看全选功能的实现。全选即用户点击某个按钮后,页面上所有的复选框都将被选中。 ```javascript // 全选 function checkAll() { $(":checkbox")....
同时,还需要考虑如何处理用户直接操作单个复选框的情况,确保全选和反选按钮的状态与当前选中项保持一致。 除了前端,全选和反选的概念也广泛应用于后端数据库操作。例如,用户可能需要批量删除或更新一组记录。在...
在IT领域,尤其是在前端开发中,构建用户界面时经常需要处理多级目录树结构,并且在这样的结构中加入复选框功能,以便用户可以进行批量选择或者全选、反选操作。这种技术常用于文件管理器、权限设置、菜单配置等场景...
在本项目"JS控制复选框全选、反选,可进行同一页面多个复选框全选控制V2.0"中,我们将探讨如何利用JavaScript实现对复选框(checkbox)的全选、反选功能,并获取选中的复选框的值。这些功能在用户界面中常见于批量...
在标题"jQuery实现复选框全选/反选demo源码"中,我们关注的核心知识点是利用jQuery实现复选框的全选和反选功能。这个功能在许多网页应用中都非常实用,比如在表格数据筛选、表单多选等场景。通过简单的jQuery代码,...
《锋利的jquery》利用jquery实现复选框的全选和反选
在微信小程序开发中,获取复选框全选与反选的选中值是一个常见需求。本文将详细讲解如何通过实例代码实现这一功能,并会详细说明相关知识点。 首先,我们需要了解微信小程序中几个关键组件的使用方法,包括`...
总的来说,通过SpreadJS,我们可以轻松地在Web应用中实现与Excel类似的功能,包括列头复选框全选。借助提供的示例代码和库文件,开发者可以快速理解和实现这一特性,提升用户体验。在实际开发中,应结合具体需求对...
本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`<input>`标签定义,类型为...
在本教程中,我们将探讨如何利用C#实现复选框来控制DataGridView的数据全选、反选以及全不选,并在选中复选框后改变行的颜色。这将涉及到事件处理、数据绑定、自定义样式等多个方面。 首先,我们需要创建一个包含复...
axure复选框全选反选效果.rp
在React开发中,实现复选框全选和反选组件是一项常见的需求,这通常涉及到状态管理与事件处理。本文将详细解析如何使用React构建这样的功能。 首先,我们需要创建一个名为`List`的React组件,该组件包含一个复选框...
"JQ 复选框全选反选"是jQuery应用中的一个常见功能,主要用于增强用户界面的交互性。在网页中,复选框常常用于让用户多选选项,而全选和反选功能则提供了方便快捷的选择所有或取消所有选项的方式。 首先,我们需要...
本资源"复选框全选、全不选和反选的效果实现.rar"聚焦于JavaScript(JS)实现复选框的全选、全不选和反选功能,这对于创建交互性强、用户体验良好的网页表单至关重要。全选、全不选和反选功能使得用户可以便捷地管理...