`

全选调用的JS函数

 
阅读更多
function selectall() 
{ 
	//获取页面上所有的输入元素
	var a = document.getElementsByTagName("input"); 
	//如果全选按钮按上
	if(document.getElementById("quanxuanbutton").checked == true)
	{
		//循环是checkbox类型的,就设置为true
		for (var i=0; i<a.length; i++)
		{
			if (a[i].type == "checkbox")
			{
				a[i].checked =true;
			}
		}		
		
	}else{ //如果全选按钮没有按上
	  for (var i=0; i<a.length; i++)
		{
			if (a[i].type == "checkbox")
			{
				
				a[i].checked =false;
			}
		}  
	}
} 
分享到:
评论

相关推荐

    Javascript实现全选反选

    在JavaScript中,事件绑定是将函数与特定元素关联的过程,以便当该元素发生特定事件时,函数会被调用。在上面的例子中,我们使用了`addEventListener`方法进行事件绑定。这个方法接受两个参数:一个是事件类型(如`'...

    js实现全选效果

    在JavaScript(JS)中,全选效果是一种常见的用户交互功能,尤其在网页表格或列表中。这个功能允许用户通过单击一个按钮或链接来选择所有可选项目,或者取消已选中的所有项。这里我们将详细探讨如何使用JavaScript...

    js实现全选和反选功能

    我们可以创建一个主复选框,当用户点击这个主复选框时,触发一个JavaScript事件,例如`click`,然后在事件处理函数中执行全选操作。以下是一个简单的示例: ```html &lt;!DOCTYPE html&gt; 全选与反选 ()"&gt; 全选 ...

    复选框全选全不选JS代码

    给定的代码片段是一个名为`getAllCheckBox`的JavaScript函数,其作用是对页面上的所有复选框执行全选或全不选操作。具体来说: 1. **获取所有输入元素**:通过`document.getElementsByTagName("input")`获取页面上...

    GridView js实现全选 (分页保持选择状态)

    总结起来,实现GridView js全选(分页保持选择状态)的关键在于: 1. 使用JavaScript操作DOM,实现全选/取消全选功能。 2. 使用数据结构(如JavaScript对象或数组)存储各分页的选中状态。 3. 在分页切换时,根据...

    jquery 、js实现复选框 (全选、反选)

    通过调用相应的函数,用户可以方便地进行全选或反选操作。 #### 四、总结 通过以上内容,我们可以看到使用jQuery和原生JavaScript都能轻松实现复选框的全选与反选功能。具体选择哪种方式取决于项目的实际需求和...

    easyui checkbox +全选

    在 JavaScript 中编写 `toggleCheckboxes` 函数,根据全选按钮的状态来改变所有复选框的状态: ```javascript function toggleCheckboxes() { var isChecked = $('#selectAll').is(':checked'); $('.checkbox')...

    JS简单表格列表全选反选代码.zip

    这个"JS简单表格列表全选反选代码.zip"文件就提供了一个实现这种功能的原生JavaScript示例。以下是对这个代码实现的详细解释: 1. **HTML结构**: - 首先,HTML部分创建了一个带有表头的表格,表头有一个复选框,...

    复选框 实现 单选 全选

    在给定的代码片段中,通过`onclick`事件触发`callCheck`函数,每当一个复选框的状态发生变化时,该函数就会被调用。在`callCheck`函数中,根据复选框的选中状态更新隐藏字段`contextTemp`的值,这个字段记录了所有被...

    jquery通用全选并控制操作按钮

    我们还需要在页面加载后立即调用此函数,以确保初始状态正确。此外,我们还监听了每个复选框的 "change" 事件,以便在用户手动更改选中状态时立即更新按钮状态。 在提供的压缩包文件中,"jquery全选" 可能包含了一...

    js multiple全选与取消全选实现代码

    总结一下,实现JS中的全选和取消全选功能,可以使用`jQuery`或者原生JavaScript,主要涉及`&lt;select&gt;`元素的`&lt;option&gt;`子元素的`selected`属性的控制。在实际应用中,还可以结合其他事件如`click`、`checkbox`等来...

    js 全选或全不选js 全选或全不选

    ### JS 实现全选与全不选功能 在前端开发中,经常需要处理表单的选择操作,例如在购物车页面中实现商品的全选或全不选功能。本篇文章将详细解析如何通过JavaScript来实现这一功能,并对提供的代码进行深入分析。 #...

    Javascript实现CheckBox的全选与取消全选的代码

    此外,这段代码还演示了如何在HTML中嵌入JavaScript,通过onclick事件处理函数来调用JavaScript函数。这样,用户与页面交互时,相应的JavaScript函数会被触发,执行相应的操作。 在实现全选和取消全选功能时,还...

    php+jquery全选框功能

    在实际应用中,你可以导入这个文件到你的项目中,然后根据需要调用其中的函数或方法来实现全选和反选功能。 总结起来,实现"php+jquery全选框功能"需要理解PHP后端处理、HTML结构、jQuery的选择器、事件处理和DOM...

    实现checkbox全选、反选、取消JavaScript小脚本异常

    通过在onclick事件中调用JavaScript函数来实现全选逻辑,而不是让按钮本身触发表单提交。 此外,开发者还应注意脚本的调试问题。在开发过程中,应利用浏览器提供的开发者工具进行调试,比如设置断点、查看控制台...

    JavaScript与JQuery实现全选例子

    例如,在选择元素时,jQuery 使用链式调用的方式,而原生JavaScript则需要逐层访问DOM节点。 #### 3.2 性能考量 在性能方面,虽然jQuery通过封装了一系列DOM操作简化了开发过程,但它的底层仍然依赖于原生...

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

    我们可以修改上面的全选事件处理函数,添加一个条件判断,当“全选”复选框未被选中时,取消所有子复选框的选择: ```javascript $(document).ready(function() { $('#selectAll').on('click', function() { $('....

    全选和复选,并把结果保存到数据库

    **JavaScript函数详解** - **`checkedStatus(id)`**:该函数接收一个复选框ID作为参数,调用`setChildCheckBox`和`setParentCheckBox`函数来更新复选框的状态。 - **`setChildCheckBox(entity)`**:用于设置指定...

    js调用ie打印和预览功能

    ### 使用JavaScript调用IE浏览器打印和预览功能 在网页开发过程中,经常需要实现文档的打印和预览功能。在Internet Explorer(IE)浏览器中,可以通过JavaScript与ActiveX控件结合来实现这些功能。下面将详细介绍...

Global site tag (gtag.js) - Google Analytics