jquery实现全选功能

主要是模拟一些网页中的表格实现全选功能。

<form>

你爱好的运动是：

<input type="checkbox" name="items" value="足球" />足球

<input type="checkbox" name="items" value="篮球" />篮球

<input type="checkbox" name="items" value="羽毛球" />羽毛球

<input type="checkbox" name="items" value="乒乓球" />乒乓球

</form>

当我们点击全选/全部不选按钮时，下面的checkbox执行相应的操作。

同时反过来，当全选时，下面任意一个checkbox未选中，则全选/全不选按钮也不会被选中。

$('[name=items]:checkbox').click(function () {

var p = $('[name=items]:checkbox');

if(p.filter(':checked').length==p.length)

{ //alert("Hello World");

$("#Check").attr("checked", true);

} else {

$("#Check").attr("checked", false);

}

});

转载于:https://www.cnblogs.com/JsonZhangAA/p/5460670.html

jquery实现全选功能相关推荐

jQuery之全选功能
例子:点击全选,将所有checkbox选中. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" & ...
功能选中jquery实现全选反选功能
时间紧张,先记一笔,后续优化与完善. 全选功能 $(function () { $('#allchecked').click(function () { ...
js+jQuery获取全选并用ajax进行批量删除
今天在处理后台的时候做了个小小的ajax处理批量删除的功能,给大家分享下. 1.在Repater绑定出放入单选 <input id="chkContentId" name=& ...
layui table 全选过滤_layui表格(表单)的全选功能
最近在使用layui这个框架,其中有用到表格的全选功能,下面记录下我的使用.html文件需要引用的是layui.js和layui.css,但是上面两个文件又会引入其他文件.,如图所示, 所以建议从la ...
Jquery实现全选和反选
Jquery实现全选和反选简介我们在开发的过程中一定对全选和反选很熟悉,这些功能都是伴随着我们的开发的道路上的,我们点击一个按钮就能实现对当前页的所有的数据进行全部选中或者取相反的数据的作用,我相 ...
layui表格监听全选_layui表格(表单)的全选功能
最近在使用layui这个框架,其中有用到表格的全选功能,下面记录下我的使用.html文件需要引用的是layui.js和layui.css,但是上面两个文件又会引入其他文件.,如图所示, 所以建议从la ...
jquery的全选，全不选，反选
jquery的全选,全不选,反选: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind=&q ...
Jquery实现全选反选
Jquery实现全选反选 <!DOCTYPE html> <html lang="en"><head><meta charset=&qu ...
java记事本复制粘贴_Java Swing 如何实现记事本中“编辑”菜单下的剪切，复制，粘贴，删除，全选功能...
这篇文字将要学习以下知识点: 1.如何给JButton按钮添加鼠标点击事件监听器 #1.addMouseListener(MouseListener l) 给JButton添加一个鼠标点击监听器l ...
JS全选功能代码优化
JS全选功能代码优化原文:JS全选功能代码优化 JS全选功能代码优化最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想用另一种模式来编写JS代码,所以针对之 ...

jquery实现全选功能

jquery实现全选功能相关推荐

最新文章

热门文章