实现:当一个未选中或者未全部选中时点击全选进行全部选中,而再次点全选则取消全部选中。点击反选则就进行反选。
html
<body>
<form>
<input type="checkbox" name="mycheck" value="朴树" />朴树
<input type="checkbox" name="mycheck" value="许巍" />许巍
<input type="checkbox" name="mycheck" value="郑钧" />郑钧
<input type="checkbox" name="mycheck" value="曹方" />曹方
<input type="checkbox" name="mycheck" value="张悬" />张悬<br>
<input type="button" id="checkAll" value="全选" />
<input type="button" id="checkRev" value="反选" />
</form>
</body>
js
// JavaScript Document
$(document).ready(function(){
//全选
$("#checkAll").click(function(){
//如果没有全部被选中,则全选
if($('[name=mycheck]:checked').length!=$('[name=mycheck]').length){
$('[name=mycheck]').attr("checked",true);
//否则 全部取消选中
}else{
$('[name=mycheck]').attr("checked",false);
}
})
//反选
$("#checkRev").click(function(){
$('[name=mycheck]').each(function(){ //依次遍历每个 checkbox
$(this).attr("checked",!$(this).attr("checked"));
})
})
})
分享到:
相关推荐
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
一天搞定jQuery(三)——使用jQuery完成复选框的全选和全不选
本代码是在众多的jQuery复选框功能代码中精选出来的,本人项目中使用的代码,这里分享给大家。 jQuery代码: 代码如下: $(function(){ $(“#checkedAll”).click(function(){ $(‘[name=items]:checkbox’)...
jquery 实现复选框的全选操作实例代码 最近做了个需求,需要实现列表复选框的全选/取消全选操作,由于之前对这块不是很了解,所以从网上查了一些资料,虽然有各种实现方法,但没找到直接可以套用的。自己琢磨了下,...
用JQUERY实现全选和取消全选,减少了我们写JS的麻烦,我们再也不用写那么多代码了,给大家分享两段代码,用JQUERY实现复选框的全选和取消全选.
使用方法:我们先把下面的JS保存为有个文件,到时候调用,淡然你也可以直接写在页面内,推荐使用前者,方便重用: 代码如下:(function($){ $.fn.checkgroup = function(options){ //merge settings settings=$.extend({ ...
本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧,很多时候我们都...
介绍了jQuery checkbox复选框全选功能的代码实例,有需要的朋友可以参考一下
主要介绍了jQuery对checkbox 复选框的全选全不选反选的操作 的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
一行代码搞定layui数据表格的表头checkbox复选框隐藏问题。
如何获取所有复选框:document.getElementsByName、 需求分析 在我们对表格处理的时,有些情况下,我们需要对表格进行批量处理 技术分析 第一种方法:选择器[属性名称=’属性值’] $(“input[type=’checkbox’]:...
jquery实现全选和全不选,只要有一个复选框没有选中,全选框不选中;
工程从数据库中获取相关信息,通过列表显示所有数据,实现了checkbox的全选,并将选中部分的数据传入后台,进行操作。
摘要:脚本资源,jQuery,全选,反选 三个基于jQuery的JS复选框全选反选例子,实用的网页特效,三款例子大同小异。所有checkbox跟着全选的checkbox走,定义一个临时变量,避免重复使用同一个选择器选择页面中的元素,...
设页面有如下一组复选框和几个相关按钮(全选,反选,全不选等): <input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="orange" />橘子 <...
话不多说,请看代码 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8>...input type=checkbox name=apple> 香蕉 <input type=checkbox name=banana> 橘子 <inp
jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–>测试通过,jquery-1.5.1.js–>测试不通过。 实现CheckBox全选/全不选/反选代码如下: <%@ page language="java" ...