`
java苹果+番茄
  • 浏览: 67995 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

很实用的全选、不选、反选checkbox等的js

阅读更多
/*全选、取消全选*/
function checkedAll(allCheckboxName, checkboxName) {
o = document.getElementsByName(allCheckboxName);
if (o[0].checked == true) {
selAllCheckbox(checkboxName);
} else {
unselAllCheckbox(checkboxName);
}
}
/*全选*/
function selAllCheckbox(checkboxName) {
o = document.getElementsByName(checkboxName);
for (i = 0; i < o.length; i++) {
o[i].checked = true;
}
}
/*取消全选*/
function unselAllCheckbox(checkboxName) {
o = document.getElementsByName(checkboxName);
for (i = 0; i < o.length; i++) {
o[i].checked = false;
}
}
/*取消全选*/
function reAllCheckbox(checkboxName) {
o = document.getElementsByName(checkboxName);
for (i = 0; i < o.length; i++) {
if (o[i].checked == false) {
o[i].checked = true;
} else {
o[i].checked = false;
}
}
}
/*返回check选中数*/
function getCheckedCount(checkboxName) {
o = document.getElementsByName(checkboxName);
var c = 0;
for (i = 0; i < o.length; i++) {
if (o[i].checked == true) {
c++;
}
}
return c;
}
分享到:
评论

相关推荐

    简单js实现全选全部选反选效果

    在JavaScript编程中,全选和反选功能是常见的交互元素,尤其在表格或者多选列表中,用户往往希望一键选择或取消所有选项。本话题将深入探讨如何利用JavaScript实现这样的功能,以提升用户体验。 首先,我们需要理解...

    checkbox实现全选和反选经典例子

    在高级控件如DataGridView中,通过结合Checkbox可以实现全选和反选功能,为用户提供便捷的操作方式。这个经典例子将深入探讨如何在Web应用中实现这一功能。 1. **Checkbox基本概念** Checkbox是HTML中的一个表单...

    全选不选反选jquery

    "全选不选反选"是网页表单中常见的功能,用户可以通过点击一个按钮实现对复选框的批量选择、取消选择或者反向选择。在jQuery中实现这一功能,主要涉及DOM操作、事件处理和数组方法。 首先,我们需要理解DOM...

    jquery全选反选全不选案例

    "jquery全选反选全不选案例" 是一个常见的交互功能,常见于表格或者列表中,允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...

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

    接下来,我们使用JavaScript(通常配合jQuery库,但也可以使用原生JS)来实现全选/反选功能。这里我们使用jQuery: ```javascript $(document).ready(function() { $('#selectAll').click(function() { if ($...

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

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

    Jquery全选反选Checkbox

    总结来说,"Jquery全选反选Checkbox"是一个提高用户体验的实用功能,通过jQuery的DOM操作和事件处理,我们可以轻松实现全选和反选的效果。而提供的压缩包资源则提供了具体的实现代码,便于开发者学习和使用。

    Js/Jquery 实现checkbox全选,反选,全不选

    本文将详细讲解如何通过JS和jQuery实现checkbox的全选、反选以及全不选功能。 首先,我们需要理解HTML中的复选框元素`&lt;input type="checkbox"&gt;`,它允许用户在一组选项中进行多选。为了实现全选、反选和全不选的...

    三种方式实现checkbox全选,反选

    以下是三种实现Checkbox全选和反选的方法,以及它们的JavaScript和Java实现细节。 ### 方法一:使用`checked`属性 **JavaScript实现**: 在JavaScript中,可以通过获取全选按钮的`checked`属性来控制所有复选框的...

    带复选框的多级目录树,复选框的选择控制子节点父节点 全选和反选

    在IT领域,尤其是在前端开发中,构建用户界面时经常需要处理多级目录树结构,并且在这样的结构中加入复选框功能,以便用户可以进行批量选择或者全选、反选操作。这种技术常用于文件管理器、权限设置、菜单配置等场景...

    jquery 实现全选,全不选,反选,获取选中的值

    对于“全选”、“全不选”和“反选”功能,jQuery 提供了简洁的解决方案,同时也可以方便地获取选中的元素值。以下我们将详细探讨如何使用 jQuery 实现这些功能。 1. **全选**: 全选功能通常应用于具有多选选项的...

    jQuery实现复选框checkbox全选、反选功能.rar

    本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`&lt;input&gt;`标签定义,类型为...

    JS实现checkbox的全选和反选

    资源名称:JS实现checkbox的全选和反选资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

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

    本篇文章将详细讲解如何利用JavaScript实现`checkbox`的全选、反选和取消全部功能,以及相关的代码示例。 ### 1. `checkbox`基本概念 `checkbox`在HTML中通过`&lt;input type="checkbox"&gt;`标签创建。默认情况下,`...

    Javascript实现全选反选

    在JavaScript编程中,"全选反选"功能是常见的用户交互设计,常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目,极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...

    复选框的全选和反选、复选框的全选和反选

    总之,复选框的全选和反选功能是UI交互设计中的基础元素,它在数据管理、用户选择和批量操作等场景中起到关键作用。理解和熟练运用这一功能,可以提升应用的易用性和效率。在实际开发中,我们需要根据具体的技术栈和...

    js实现全选和反选功能

    在JavaScript中,全选和反选功能通常应用于包含多个复选框(checkbox)的表单中。用户可以通过点击一个主复选框来选择或取消选择所有其他复选框。这个功能在网页表格、数据筛选等场景中非常常见,极大地提高了用户...

    checkbox全选,反选,选特定的值

    js原生,checkbox全选,反选,选特定的值。jq会更简单。。初学时候比用的

    vue+vant-UI框架实现购物车的复选框全选和反选功能

    ### Vue+Vant-UI框架实现购物车复选框全选和反选功能 #### 1. 概述 在电商类应用中,购物车模块是用户进行商品选购时的重要组成部分。其中,复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品...

    jquery、js操作checkbox全选反选.docx

    ### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中,Checkbox(复选框)是一种非常常见的用户界面元素,用于收集用户的多选输入。尤其是在表单设计时,Checkbox的全选与反选功能极大地方便了...

Global site tag (gtag.js) - Google Analytics