jquery 实现全选反选
jquery代码
$(function () {
$('#inputCheck').click(function () {
if ($(this).attr("checked")) {//全选
$("input[name='chkSelect']").attr("checked", $(this).attr("checked"));
$("#selectAll").text("取消全选");
} else {
$('table input[type=checkbox]').attr('checked', false);
$("#selectAll").text("全选");
}
});
});
页面代码
<table class="datalist">
<tbody>
<asp:MvcRepeater ID="re1" runat="server" DataKey="list" EvenCss="even" OddCss="odd"
OrderByKey="order">
<HeaderTemplate>
<thead>
<tr>
<th>
<input id="inputCheck" type="checkbox" /><span id="selectAll">全选</span> </th>
<th>
<span>文章ID</span>
</th>
<th>
<span>文章名称</span>
</th>
<th>
<span>作者</span>
</th>
<th>
<span>创建时间 </span>
</th>
<th>
<span>分类</span>
</th>
<th>
<span>状态</span>
</th>
<%if (!string.IsNullOrEmpty(Request.QueryString["Stick_Home_Concern"]))
{ %>
<th>
<span>标签</span>
</th>
<%} %>
<th>
<span>操作</span>
</th>
</tr>
</thead>
<tbody>
</HeaderTemplate>
<ItemTemplate>
<tr class="<%# MvcBind.AlterCss(Container) %>">
<td class="tacenter">
<input name="chkSelect" type="checkbox" value='<%#Eval("ArticleID") %>' />
</td>
<td class="tacenter">
<%# Eval("ArticleID")%>
</td>
<td class="tacenter">
<a href='<%# Eval("url") %>/Home/NewsContent?id=<%# Eval("ArticleID")%>' target="_bank">
<%# Eval("ArticleTitle")%></a>
</td>
<td class="tacenter">
<%# Eval("Author")%>
</td>
<td class="tacenter">
<%# Eval("InsertTime")%>
</td>
<td class="tacenter">
<%# Eval("ClassName")%>
</td>
<td class="tacenter">
<%# Eval("ApproveStatus")%>
</td>
<%if (!string.IsNullOrEmpty(Request.QueryString["Stick_Home_Concern"]))
{ %>
<td class="tacenter">
<%# Eval("Stick_Home_Concern")%>
</td>
<%} %>
<td class="tacenter">
<a class="contextMenuBtn" uid="<%# Eval("ArticleID") %>" href="#">操作</a>
<ul id="contextMenu_<%# Eval("ArticleID") %>" class="contextMenu">
<li class="cog"><a href="/Article/ArticleCreate?id=<%# Eval("ArticleID")%>&action=modify">
编辑</a></li>
<%--<asp:MvcRepeaterInnerHolder ID="pla_1" runat="server" StatusField="ArticleStatus" StatusShowValue="">
<li class="cog"><a href="javascript:rejectArticle('<%# Eval("ArticleID") %>')">禁用</a></li>
</asp:MvcRepeaterInnerHolder>--%>
<%-- <asp:MvcRepeaterInnerHolder ID="pla_2" runat="server" StatusField="AddPic" StatusShowValue="">--%>
<li class="cog"><a href="/Article/AddPic?id=<%# Eval("ArticleID")%>">图片管理</a></li>
<%-- </asp:MvcRepeaterInnerHolder>--%>
<li class="cog"><a href="javascript:deleteArticle('<%# Eval("ArticleID") %>')">删除</a>
</li>
</ul>
</td>
</tr> </ItemTemplate>
</asp:MvcRepeater>
<tr>
<td><input id="BtnDelArticle" type="button" value="批量删除" />
<input id="BtnUpdate" type="button" value="批量审核" /></td>
</tr>
</tbody>
</table>
判断一组复选框一个都没有选中的话
$("input[type='checkbox']").is(':checked')
jquery 实现全选反选的更多相关文章
- python: jquery实现全选 反选 取消
引入这个jquery-1.12.4.js jquery实现全选 反选 取消 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitio ...
- jquery 书写全选反选功能
书写一个后台管理中用到的全选反选功能.代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta ...
- jquery实现全选/反选功能
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content=& ...
- jQuery实现全选/反选和批量删除
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncod ...
- jQuery实现全选反选功能
废话不说,直接上代码! <html> <head> <meta http-equiv="Content-Type" content="tex ...
- jquery checkbox 全选反选代码只能执行一遍,第二次就失败
遇到问题背景: 在写到购物车的全选交互的时候,商品选中的状态只有在第一次的时候可以,第二次就无法选中:(代码如下) $(".chooseall").click(function() ...
- jquery实现全选 反选 取消
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 新版本的jquery checkbox 全选反选代码只能执行一遍,第二次就失败attr与prop区别
$("#all_check").click(function() { $("input[name='checkShop[]']").attr("che ...
- jQuery全选反选实例
1. $('#tb:checkbox').each(function(){ 每次都会执行 全选-取消操作,注意$('#tb :checkbox').prop('checked',true); tb后面 ...
随机推荐
- JVM内存堆布局图解分析
JAVA能够实现跨平台的一个根本原因,是定义了class文件的格式标准,凡是实现该标准的JVM都能够加载并解释该class文件,据此也可以知道,为啥Java语言的执行速度比C/C++语言执行的速度要慢 ...
- 从一些简单代码实例彻底理解面向对象编程思想|OOP本质是什么?
从Rob Pike 的 Google+上的一个推看到了一篇叫<Understanding Object Oriented Programming>的文章,我先把这篇文章简述一下,然后再说说 ...
- gcc和g++编译c或者c++文件碰到的问题
gcc和g++都是GNU(组织)的一个编译器. 误区一:gcc只能编译c代码,g++只能编译c++代码 两者都可以,但是请注意: 1.后缀为.c的,gcc把它当作是C ...
- OrderAction
package com.j1.mai.action; import java.io.BufferedReader; import java.io.IOException; import java.io ...
- 内容提供者 ContentResolver 数据库 示例 -1
MainActivity public class MainActivity extends ListActivity { private TextView tv_info; priv ...
- F# 可以把几个函数组合成新函数
C#能做的,F#基本都能做,但F#能做的,C#未必能做. F#中的函数可以把几个函数组合起来使用.下面的例子是把由 function1 和 function2 这两个函数通过运算符“>>” ...
- AngularJs练习Demo17 ngRoute
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
- 有几数组表单,js怎么获得数组并动态相加输出到文本框
有几数组表单,js如何获得数组并动态相加输出到文本框<input name= "fee1[] "> <input name= "fee2[] & ...
- YUI 之getLocation
关于Y.getLocation的简介是 Returns the `location` object from the window/frame in which this YUI instance o ...
- web标准(复习)--6 html列表
今天我们开始学习html列表,包含以下内容和知识点: ul无序和ol有序列表 改变项目符号样式或用图片定义项目符号 横向图文列表 浮动后父容器高度自适应 IE6的双倍边距bug 一.ul无序和ol有序 ...