`
xxtianxiaxing
  • 浏览: 691106 次
  • 性别: Icon_minigender_1
  • 来自: 陕西
社区版块
存档分类
最新评论

js 删除行,全选checkbox

    博客分类:
  • web
阅读更多
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=d onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=e onclick="checkItem(this, 'mmAll')"><br><br>
<input type=checkbox name=mmAll onclick="checkAll(this, 'mm')">全选与不全选的切换

<script language=Javascript>
function checkAll(e, itemName)
{
  var aa = document.getElementsByName(itemName);
  for (var i=0; i<aa.length; i++)
   aa[i].checked = e.checked;
}
function checkItem(e, allName)
{
  var all = document.getElementsByName(allName)[0];
  if(!e.checked) all.checked = false;
  else
  {
    var aa = document.getElementsByName(e.name);
    for (var i=0; i<aa.length; i++)
     if(!aa[i].checked) return;
    all.checked = true;
  }
}
</script>

</body>
</html>


分享到:
评论

相关推荐

    CheckBox全选并删除

    - 前端JavaScript:添加一个事件监听器,当全选CheckBox被选中时,遍历其他CheckBox并设置它们的checked属性。 - 后端C#:在服务器端,可以将全选CheckBox的CheckedChanged事件绑定到一个方法,该方法遍历所有子...

    javascript中CheckBox全选终极方案.docx

    这段代码中包含了一个全选CheckBox(`chkAll`)和多个单个CheckBox(`chkSelect`)。当全选框被点击时,会触发`checkAll`函数,该函数负责同步所有CheckBox的状态。 #### 2.2 JavaScript代码详解 接下来是实现全选...

    GridView 第一列CheckBox全选!postBack和JS方式

    在GridView的顶部,我们可以添加一个全选CheckBox,当用户点击这个CheckBox时,触发PostBack事件,遍历所有行并设置对应的CheckBox状态: ```csharp protected void chkSelectAll_CheckedChanged(object sender, ...

    checkbox的几种全选方法

    这种方法通过JavaScript来实现,当全选按钮被点击时,遍历具有相同名称的所有Checkbox,并根据全选按钮的状态来设置它们的选中状态。 ```html &lt;input type="checkbox" name="chk"&gt; &lt;input type="checkbox" name...

    今天把JS控制checkbox全选、取消全选、删除功能的代码贴出来。。。。。

    ### JS控制Checkbox全选、取消全选与删除功能 在前端开发中,处理表单数据时经常需要用到对多个复选框(checkbox)的操作,比如全选、取消全选以及基于选择状态进行某些操作(如删除)。本文将详细介绍如何通过...

    JS判定全选或单选(checkbox)

    在本文中,我们将深入探讨如何使用JavaScript来处理复选框(checkbox)的选择状态,包括全选和多选的功能。 ### 全选与多选复选框的实现 #### 函数`checkallbox()`详解 此函数的目标是实现“全选”功能。当用户...

    gridview编辑删除,checkbox单选全选

    在本主题中,“gridview编辑删除,checkbox单选全选”指的是如何在GridView控件中实现行数据的编辑、删除功能,以及在每一行中添加复选框(Checkbox)进行单选或全选操作。以下将详细讲解这些知识点。 1. GridView...

    checkbox全选反选与批量删除附源码

    在本例中,我们将探讨如何利用HTML的`checkbox`元素,JavaScript来实现全选/反选功能,并通过Servlet来处理数据库中的批量删除操作。 **一、Checkbox全选与反选** 1. **Checkbox基本概念**:Checkbox是HTML中的一...

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

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

    checkbox全选,选中数据传到后台

    在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...

    asp gridview checkbox全选

    在这个特定的例子中,我们关注的是如何在GridView中实现前端全选或取消全选的功能,即通过一个主复选框(checkbox)控制所有行中的复选框状态。以下是如何在ASP.NET GridView中实现这一功能的详细步骤和解释: 1. ...

    JS控制选择框全选取消全选

    本文将详细解析如何利用JS控制选择框(通常为复选框)的全选与取消全选功能,以及在此基础上实现批量操作。 ### 核心知识点:JS控制选择框全选/取消全选 #### 1. HTML结构定义 在HTML文档中,选择框(复选框)由`...

    javascript 实现复选框全选/取消功能

    ### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...

    js实现全选删除+jsp.+js

    在网页开发中,"js实现全选删除+jsp"是一个常见的功能需求,它涉及到JavaScript(js)和JavaServer Pages(jsp)的交互,主要用于提高用户体验,让用户能够方便地选择并删除多个项目。以下是对这个主题的详细解释: ...

    JavaScript实现的全选效果与批量删除效果

    本文将详细探讨如何使用JavaScript来实现全选效果以及批量删除功能。 全选效果通常是通过一个复选框或按钮触发,使得页面上的所有复选框被选中。这个过程主要涉及到DOM(文档对象模型)的操作,尤其是获取和修改...

    checkbox全选删除

    在ASP.NET中,实现页面上的复选框(Checkbox)全选和批量删除功能是一项常见的需求。这通常涉及到前端用户界面的交互以及后端数据的处理。以下将详细讲解如何通过几步简单的代码实现这一功能。 首先,我们需要在...

    listview+checkBox全选,批量删除

    在IT行业中,尤其是在Android开发或者Web开发中,"ListView+CheckBox全选,批量删除"是一个常见的功能需求。这个功能主要用于用户界面,允许用户通过选择多个项目(通常在ListView控件中显示)并执行批量操作,如...

    checkbox全选反选与批量删js+asp源码

    本示例“checkbox全选反选与批量删js+asp源码”提供了一个结合JavaScript和ASP技术来实现这一功能的解决方案。 首先,我们来看JavaScript部分。JavaScript是一种运行在浏览器端的脚本语言,它用于控制网页的动态...

    js实现全选和反选功能

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

    JavaScript例子—实现行的增加、删除、全选、反选

    在这个"JavaScript例子—实现行的增加、删除、全选、反选"的示例中,我们聚焦于表格操作,这是网页数据展示和用户交互的常见方式。下面将详细解释如何使用JavaScript实现这些功能。 首先,全选和反选功能通常是通过...

Global site tag (gtag.js) - Google Analytics