jquery checbox 全选,反选

<body>

<input type="checkbox" id="ckAll" />check all<br />

<input type="checkbox" name="sub" />1<br />

<input type="checkbox" name="sub"/>2<br />

<input type="checkbox" name="sub"/>3<br />

<input type="checkbox" name="sub"/>4<br />

<script>

$("#ckAll").click(function() {

$("input[name=‘sub‘]").prop("checked", this.checked);

});

$("input[name=‘sub‘]").click(function() {

var $subs = $("input[name=‘sub‘]");

$("#ckAll").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);

});

</script>

</body>

jquery checbox 全选,反选

时间: 2024-11-08 17:16:07

jquery checbox 全选,反选的相关文章

jquery实现全选/反选功能

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>多选框全选/反选</title> <script src="http://res01.xesimg.com/jquery/jquery.min.js">&l

jquery 书写全选反选功能

书写一个后台管理中用到的全选反选功能.代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全选反选插件</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/

jQuery实现全选/反选和批量删除

//全选/全不选 $(function(){ //初始化时候,删除按钮隐藏 $("input[name='Delete'").css("display",'none'); $("#CheckAll").bind("click",function(){ $("input[name='Check[]']").prop("checked",this.checked); //显示删除按钮 if(

jQuery实现全选反选功能

废话不说,直接上代码! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="jquery-3.1.1.min.js"></script> <title>Insert titl

jquery实现全选反选功能---兰

<div id="checkAndInverCheck"> <p style="text-align:center; padding-top:15px"> 选择喜欢的兰花品种:</br> <input type="checkbox" value="蕙兰">蕙兰 <input type="checkbox" value="建兰">

新版本的jquery checkbox 全选反选代码只能执行一遍,第二次就失败

$("#all_check").click(function() { $("input[name='checkShop[]']").attr("checked",this.checked); }); var $subBox = $("input[name='checkShop[]']"); $subBox.click(function(){ $("#all_check").attr("checke

JQuery实现列表中复选框全选反选功能封装

JQuery实现列表中复选框全选反选功能封装 我们在做列表的时候经常会遇到全选,反选进行批量处理问题,例如: 我当时就是简单的实现了,然后想封装到公共的js中,封装的太烂,不好意思贴出来了(就是把实现代码之间放到公共js中,然后每个页面都用固定的id,class,现在想想我都不好意思叫他封装了),然后想到之前老大有写过这个功能去看下他怎么写的,真是没有对比就没有伤害啊,这才叫封装: 1 $(':checkbox[data-check-target]').click(function () { 2

jquery实现全选、全不选和反选

全选和全不全都实现都比较简单 $('input:checkbox').attr('checked','checked'); //全选 $('input:checkbox').removeAttr('checked'); //全不选 反选分三步:1找到所有已选的checkbox,2将所有的checkbox设置为选中,3将之前找到的已选checbox设置为不选(如有更好的方法请留言讨论) var checked = $('input:checkbox:checked'); //找到所有已选的chec

jquery的全选,全不选,反选

jquery的全选,全不选,反选: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="jqueryselect.aspx.cs" Inherits="WebApplication9.jqueryselect" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xh