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后面 ...
随机推荐
- for 的多重循环--java
for的多重循环--java 利用for的多重循环打印出四种不同的三角形的图案. 图案如下: 4种不同三角形图案打印如下------------------******---------------- ...
- Codeforces Round #274 (Div. 2) E. Riding in a Lift(DP)
Imagine that you are in a building that has exactly n floors. You can move between the floors in a l ...
- Python之基础(一)
数学计算 要利用相关的数学计算函数,首先需要把数学模块包含进来: >>>import math 进行计算: >>> math.pi 3.14159265358979 ...
- Nginx的10万并发内核参数优化
关于内核参数的优化: net.ipv4.tcp_max_tw_buckets = 6000timewait的数量,默认是180000.net.ipv4.ip_local_port_range = 10 ...
- How to recover after deleting the symbolic link libc.so.6?
参考资料: http://stackoverflow.com/questions/12249547/how-to-recover-after-deleting-the-symbolic-link-li ...
- mysql 的密码重置
Windows: 1.以系统管理员登陆: 2.停止MySQL服务: 3.进入CMD,进入MySQL的安装目录,假设是D:/MySQL/MySQL Server 5.0/: 4.跳过权限检查启动MySQ ...
- LINQ更新用户
public Boolean UpdateUser(int id, string userName, string account, string password, string EkeyID, ...
- sqlserver中的序列
序列是由用户定义的绑定到架构的对象.序列依据定义的间隔按升序或降序生成,并可配置为用尽时重新启动(循环).序列不与特定表关联.序列与表之间的关系由应用程序进行控制. 创建序列的语法: CREATE S ...
- javascript "非法值"检验.
<script type="text/javascript"> function getCoord() { var x = document.getElementByI ...
- cell高度自动适应文章内容
效果: 描述:表视图中生成多个不同的cell,cell的高度跟文字内容的多少有关 要求:需要自己在网上下载一个plis文件,然后修改两个标题 一 : 创建工程文件UIAutomaticCellHeig ...