`

checkbox实现全选的多种方法

阅读更多
<script language=javascript> 
//第一种方法 
function selectall1() 
{ 
var a = document.getElementsByTagName("input"); 
if(a[0].checked==true){ 
for (var i=0; i<a.length; i++) 
if (a[i].type == "checkbox") a[i].checked = false; 
} 
else 
{ 
for (var i=0; i<a.length; i++) 
if (a[i].type == "checkbox") a[i].checked = true; 
} 
} 

//第二种方法 

function selectall2() { 
var tform = document.forms['form1']; 
for (var i=0;i<tform.length;i++) 
{ 
var e = tform.elements[i]; 
if (e.type == "checkbox") 
e.checked = !e.checked; 
} 
} 

//第三种方法,结合上述两种方法 
function selectall3() 
{ 
var a = document.getElementsByTagName("input"); 
for (var i=0; i<a.length; i++) 
if (a[i].type == "checkbox") a[i].checked =!a[i].checked; 
} 
//第四种方法 
function selectall4(id){ //用id区分 
var tform=document.forms['form1']; 
for(var i=0;i<tform.length;i++){ 
var e=tform.elements[i]; 
if(e.type=="checkbox" && e.name==id) e.checked=!e.checked; 
} 
} 
//第五种方法 
function selectall(theform,thename){ //theform指定的form,thename是checkbox的name属性 
var tform=document.forms[theform]; 
document.getElementById("thewen").value='反选'; 
for(var i=0;i<tform.length;i++){ 
var e=tform.elements[i]; 
if(e.type=='checkbox' && e.name==thename)e.checked=!e.checked; 
} 
} 
</script> 
<form id="form1" name="form1" method="post" action=""> 
<input type="checkbox" name="sid" value="1" /> 
<input name="thes" type="button" onclick="javascript:selectall3()" value="全选" /> 
</form> 

详细出处参考:http://www.jb51.net/article/396.htm
分享到:
评论

相关推荐

    jquery Checkbox 全选 反选 全不选 多种实现方法

    在涉及到表单元素如复选框(Checkbox)时,经常需要实现全选、反选和全不选的功能。下面将详细探讨 jQuery 如何实现这些功能,以及如何进行表单验证。 1. **全选功能** 要实现全选功能,首先我们需要一个主复选框...

    asp.net gridview中用checkbox全选的几种实现的区别

    总结来看,实现*** GridView全选功能的方法多种多样,各有优劣。在选择具体实现方式时,需要考虑数据量、用户交互需求、页面性能等因素。对于大型数据集,采用服务器端处理或客户端脚本结合AJAX技术,可以有效提升...

    用ListView+CheckBox+Menu实现全选,删除等效果

    本教程将详细讲解如何利用ListView、CheckBox和Menu来实现全选、反选以及删除选中项的功能。 **1. ListView的基本使用** ListView的使用通常涉及到以下步骤: - 在布局文件中添加ListView控件,设置其ID。 - 创建一...

    JS操作input标签属性checkbox全选的实现代码

    ### JS操作input标签属性checkbox全选的实现知识点 #### 标签属性选择器 在JavaScript中,我们可以使用`document.getElementsByName()`方法来选择具有特定name属性的元素集合。在提供的代码示例中,`...

    Jquery CheckBox全选方法代码附js checkbox全选反选代码

    在这份文档中,我们主要关注的是如何利用Jquery来实现CheckBox的全选与反选功能,以及与传统JavaScript方法的对比。 Jquery是一种快速、简洁的JavaScript库,它使得HTML文档遍历和操作、事件处理、动画和Ajax变得...

    flex datagrid checkbox 全选/反选

    为了实现全选与反选功能,首先需要创建一个自定义的渲染器类`CheckBoxRender`,继承自`CheckBox`。这个类主要用于控制每个单元格中的复选框状态,并且可以监听复选框的状态变化。 ```as public class ...

    纯css实现全选效果

    CSS提供了多种方法来改变复选框的样式,但由于浏览器兼容性问题,直接修改`&lt;input&gt;`元素的样式可能不理想。一种常见的解决方案是使用`:before`或`:after`伪元素,结合`content`属性和`label`元素来模拟复选框的外观...

    checkbox在cxGrid

    这通常通过`TDataSet`的`Edit`、`Post`或`Cancel`方法实现。 `cxGrid`的`checkbox`功能强大且灵活,支持多种自定义样式和行为。你可以改变`checkbox`的外观,例如颜色、大小,甚至使用图片来代替标准的`checkbox`...

    qml tableview 全选,单选

    在这个场景中,我们关注的是如何在`TableView`中实现全选和单选功能,特别地,通过`CheckBox`来实现这一目标。`QAbstractItemModel`是Qt中处理表格数据模型的一个关键类,它可以被用作`TableView`的数据源。 标题中...

    ASP.NET Gridview与checkbox全选、全不选实现代码

    总结来说,实现*** Gridview与checkbox全选、全不选功能,涉及到***的服务器控件与客户端JavaScript代码的交互。页面前端通过JavaScript来改变复选框的状态,后端则通过***的事件处理机制来响应这些状态变化,并执行...

    android listview+checkbox实现多选

    在这个Adapter中,我们需要重写`getView()`方法,以便为每个列表项设置Checkbox的初始状态,并处理Checkbox的点击事件。 ```java public class MyAdapter extends ArrayAdapter&lt;String&gt; { private List&lt;String&gt; ...

    layui动态禁用checkbox.rar

    这样,我们就实现了在layui table中动态禁用部分checkbox,并在全选操作时排除这些禁用的checkbox。 总结来说,layui table的复选框功能可以通过列定义中的`checkbox`属性开启,通过监听`checkbox`事件和使用`check...

    GridView全选/反选示例 用checkbox

    在本示例中,我们将探讨如何实现GridView中的全选/反选功能,通过复选框(checkbox)来实现这一操作。这个示例特别适合于那些需要用户批量处理数据的应用场景。 首先,`Default.aspx`是用户界面的主要部分,它包含...

    GridView头部放一个CheckBox

    在Web开发中,特别是使用ASP.NET进行开发时,经常会遇到需要在`GridView`控件的头部放置一个CheckBox以便实现全选功能的需求。本篇文章将详细解析如何实现在`GridView`头部添加CheckBox以及如何通过代码实现全选功能...

    gridview 全选和取消

    本篇将详细讨论如何在GridView中实现全选和取消全选的功能。 一、GridView控件基础 GridView控件是ASP.NET Web Forms中的一个重要组成部分,用于显示来自数据库或其他数据源的数据。它可以自动渲染HTML表格,并...

    ListView全选删除

    本教程将详细讲解如何实现ListView中的全选删除功能,结合checkBox(复选框)进行多条记录的选择与批量删除。 1. **ListView基础** - ListView是Android提供的一个可滚动视图,常用于展示大量数据,如联系人列表或...

    listView嵌套checkbox

    总结,Android中通过ListView嵌套Checkbox可以实现多种交互效果,如全选、单选等。关键在于自定义Adapter,正确处理数据与视图的绑定,以及监听Checkbox的状态变化。理解并熟练掌握这一技术,对于Android开发是非常...

    仿58同城android listview中的全选、取消、反选、删除、编辑、完成多种操作

    本项目"仿58同城android listview中的全选、取消、反选、删除、编辑、完成多种操作"旨在实现与58同城旧版类似的交互功能,提供了一个完整的示例,帮助开发者了解如何在ListView中集成多种操作。 首先,ListView的...

    clistctrl为表头添加CheckBox

    本教程将深入探讨如何在CListCtrl的表头中添加CheckBox,实现全选和全不选功能。 首先,我们需要理解CListCtrl和CHeaderCtrl的基本用法。CListCtrl提供了多种视图模式,如报告视图、小图标视图、大图标视图等,其中...

Global site tag (gtag.js) - Google Analytics