`
wjt276
  • 浏览: 650394 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

javaScript实现checkbox多项选择

阅读更多
<script language="javaScript"> 

//全选或全部不选 
function checkall() { 
	var isChecked=(document.form1.checkAll.checked == true); 
	var elements_all=document.form1.elements; 
	for(i=0;i<elements_all.length;i++) { 
		var element=elements_all[i]; 
		if(element.type=="checkbox")  { 
			element.checked=isChecked; 
		} 
	} 
} 

//是否有checkbox被选中 
function anyChecked() { 
	var elements_any=document.form1.elements; 
	for(i=0;i<elements_any.length;i++) { 
		var element=elements_any[i]; 
		if(element.checked == true) { 
			return true; 
		} 
	} 
	return false; 
} 

</script>



<form name="form1" Method="post" action="" onsubmit="return anyChecked()"> 
全选:<input type="checkbox" id="checkAll"onclick="checkall()" /> 
多项选择框列表: 
<input type="checkbox" name="cb" value="1"/> 
<input type="checkbox" name="cb" value="2"/> 
<input type="checkbox" name="cb" value="3"/> 
<input name="Submit" type="submit" value="submit"> 
</form> 
分享到:
评论

相关推荐

    checkbox多项选中及取消选中

    综上所述,实现 `checkbox` 的多项选中及取消选中,需要理解 `checkbox` 的基本用法,掌握JavaScript操作DOM属性的方法,理解 `attr` 与 `prop` 的区别,并灵活运用事件监听和样式控制。通过这些技术,你可以创建出...

    JavaScript 实现的checkbox经典实例分享

    在探讨JavaScript实现checkbox多项选择的经典代码之前,我们先了解一些基础知识。HTML中的checkbox是一种表单控件,它允许用户在一组选项中进行多项选择。每个checkbox元素通过其name属性可以归属到同一组,这样用户...

    GridView中选择checkBox的项删除事件

    2. **CheckBox**:用于用户选择某一行或多项的复选框控件。 3. **Delete事件**:当用户选择某一行并触发删除操作时发生的事件。 #### 二、代码分析与实现 ##### 1. `btnDel_Click` 方法 ```csharp protected void ...

    javascript多项选择框

    JavaScript中的多项选择框,也称为复选框(Checkbox),是网页表单中常见的元素,用于让用户从多个选项中选择一个或多个。在本教程中,我们将深入探讨如何使用JavaScript来操作和增强这些元素,实现简单实用的功能。...

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

    - 添加适当的客户端验证,以避免不必要的服务器往返请求,可以通过JavaScript或jQuery实现。 7. **其他高级特性** - 可以添加分组选择功能,例如只选择满足特定条件的行。 - 集成Ajax,使得全选/反选操作无需...

    .net 后台实现 checkboxlist 单选

    在.NET框架中,CheckboxList控件常用于呈现一组可选的复选框,通常用于用户可以选择多个选项的场景。然而,有时候我们可能需要限制用户只能选择一个选项,这就需要将CheckboxList转换为单选功能。下面我们将详细探讨...

    C#中根据选择的checkbox列出选择的值

    在Web开发或者桌面应用开发中,Checkbox(复选框)是一种常用的用户界面元素,它允许用户进行多项选择。在C#中,无论是在Windows Forms、ASP.NET Web Forms还是WPF等平台中,Checkbox都有广泛的应用。 #### 知识点...

    10 - JS 实现 Checkbox 中按住 Shift 的多选功能.rar

    这个主题,"10 - JS 实现 Checkbox 中按住 Shift 的多选功能",聚焦于通过按下Shift键实现连续选择多个Checkbox的功能,这在各种用户界面中非常常见,比如文件管理器、表格数据筛选等。 实现这一功能的关键步骤包括...

    angularjs实现的checkbox多选、全选、反选

    在这个例子中,我们专注于复选框的交互,这是用户界面中常见的一种元素,常用于让用户选择多个选项。 1. **复选框(Checkbox)基础**: 在HTML中,`&lt;input type="checkbox"&gt;`用于创建一个复选框。AngularJS通过...

    select里实现checkbox选择和input里边实现上下一条

    本文将深入探讨如何在`select`中实现复选框(checkbox)选择功能,以及如何在`input`中实现上下滚动浏览条。 首先,让我们关注`select`元素。通常,`select`用于创建一个下拉菜单,用户只能从中选择一个选项。然而...

    javascript复选框实现批量选择

    JavaScript 复选框实现批量选择 在开发过程中,经常会遇到对查询列表中的记录进行批量操作的情况,例如批量删除、批量编辑等。实现这种批量选择的方法往往是使用 JavaScript,通过在每条记录前面加一个复选框,然后...

    javascript中checkbox使用方法实例演示

    在网页开发中,checkbox(复选框)是常用的一种表单控件,允许用户在多个选项中进行选择。本文将通过实例演示如何在JavaScript中操作checkbox,包括实现全选、部分选和反选(全不选)等操作。通过本文的学习,读者...

    js tree,checkbox tree

    "Checkbox Tree"是这种树结构的一个扩展,它在每个节点上添加了复选框,允许用户进行多选操作,从而在数据筛选、权限设置等方面提供了更多的交互可能性。 在JavaScript中实现树形结构,通常会用到一些库或框架,如...

    Asp.net CheckBoxList操作集合

    在ASP.NET Web Forms开发中,CheckBoxList控件是一种常用的选择组件,它允许用户从一系列选项中选择一个或多个项目。本篇文章将详细讲解如何进行CheckBoxList的操作,包括获取选中项、实现全选、取消选中以及反选...

    asp.net Dropdownlist结合CheckBoxList多选下拉框

    在需要用户选择多个选项的场景中,CheckBoxList非常实用。 3. **结合使用**:为了实现多选下拉框的效果,我们可以使用Dropdownlist展示主要选项,然后在用户展开下拉列表时显示一个嵌入的CheckBoxList。当用户选择...

    表单checkbox多选框选择特效.zip

    在"表单checkbox多选框选择特效.zip"这个项目中,可能包含了一些预定义的CSS类和JavaScript函数,以实现更高级的特效,如动画过渡、涟漪效果或自定义的选中指示器。这可能是通过添加额外的class并利用CSS3的动画和...

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

    Checkbox是一种允许用户进行多项选择的表单控件。每个Checkbox都有一个`checked`属性,用于表示是否被选中。此外,还可以通过`name`属性为Checkbox分组,便于统一处理。 ##### 2. jQuery简介 jQuery是一款快速、...

    CheckBoxList实现单选 C#(WEB)

    - 鉴于这个实现是基于服务器端的,客户端的交互(如JavaScript)可能不受影响,因此在某些情况下可能需要同时处理客户端的选中状态。 总结,通过以上步骤,我们可以成功地在ASP.NET Web Forms应用中将CheckBoxList...

    轻量级纯Javascript复选框checkbox动画插件

    在网页设计中,复选框(checkbox)是常见的用户交互元素,用于让用户选择一个或多个选项。然而,原生的HTML复选框样式单一,缺乏视觉吸引力。为了解决这一问题,开发者们创建了各种各样的插件来增强复选框的外观和...

    vue+elementui实现下拉框增加checkbox并可全选或取消(完整案例及效果图).zip

    此外,为了实现全选/取消全选的功能,可以在`el-select`组件上添加一个`@change`事件监听器,当选择项发生变化时触发`toggleAllChecked`方法: ```html v-model="value" multiple placeholder="请选择" @...

Global site tag (gtag.js) - Google Analytics