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后面 ...
随机推荐
- Spring MVC在接收复杂集合参数
Spring MVC在接收集合请求参数时,需要在Controller方法的集合参数里前添加@RequestBody,而@RequestBody默认接收的enctype (MIME编码)是applica ...
- 转载——Struts2中的constant详解
http://bhw1015.iteye.com/blog/1258441 通过对这些属性的配置,可以改变Struts 2 框架的一些默认行为,这些配置可以在struts.xml文件中完成,也可以在s ...
- HTML5 简单实现刮刮乐效果
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 博客换了,比较少用这个博客(http://loid.cf)
新博客地址: http://loid.cf/
- (转)实战p12文件转pem文件
需要实现这个功能的一般都是app开发证书不支持通配符(即com.xxx.xxx.xxx格式),在业务需求上类似消息推送这样的业务. 1.首先生成一个ssl的证书 选择app IDS 后实现下面这个(这 ...
- java.lang.OutOfMemoryError: Java heap space错误及处理办法(收集整理、转)
下面是从网上找到的关于堆空间溢出的错误解决的方法: java.lang.OutOfMemoryError: Java heap space ============================== ...
- EA+svn实现UML的版本号控制
一.安装软件 1.VisualSvn Server svnserver 2.Tortoise Svn svnclient 3.Slik-Subversion-1.7.8-x64版本号控制插件 4.En ...
- mvc中使用jsonp进行跨域请求详细说明
在web开发中,如果你要在不同域下进行数据异步请求,会出现一个No ‘Access-Control-Allow-Origin’ header is present on the requested r ...
- css如何实现背景透明,文字不透明?
之前做了个半透明弹层,但设置背景半透明时,子元素包含的字体及其它元素也都变成了半透明.对opacity这个属性认识的不透彻,在这里做一些总结,方便以后使用. 背景透明,文字不透明的解决方法: ...
- IE9的window.showmodaldialog显示问题
<html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat=&quo ...