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后面 ...
随机推荐
- 上海西服定制Angry Eagle 顶级西服,私人订制你的美
上海西服定制Angry Eagle 顶级西服,私人订制你的美 上海西服定制Angry Eagle 顶级西服,私人订制你的美
- js 等待刷新技术
- Linux 下文件监控
本文转自http://www.jiangmiao.org/blog/2179.html 在日常应用中,常常会遇到以下场景,监控文件夹A,若文件夹中的B文件发生变化,则执行C命令.Linux下可以通过i ...
- jquery easyui Tab 引入页面的问题
jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容:“href远程请求”和“content本地内容”,本文就两种方式的优缺点进行简单分析和思考. 两者特点: href ...
- Linux下Redis的安装、配置操作说明
Redis 是一个高性能的key-value数据库. redis的出现,很大程度补偿了memcached这类keyvalue存储的不足,在部分场合可以对关系数据库起到很好的补充作用.它提供了Pytho ...
- Hibernate Validation各注解的用法
Bean Validation 中内置的 constraint @Null 被注释的元素必须为 null @NotNull 被注释的元素必须不为 null @AssertTrue 被注释的元素必须为 ...
- TreeGrid( 树形表格)
本节课重点了解 EasyUI 中 TreeGrid(树形表格)组件的使用方法,这个组件依赖于DataGrid(数据表格)组件 一. 加载方式//建立一个 JSON 文件[{"id" ...
- UIButton上图片和文字的位置调整
UIButton 上默认是图片在左文字在右,而大多数情况这样默认的的显示形式都不能满足我们的需求,接下来我就这个问题分享一下我的心得. 默认情况下,不设置的效果,都是居中实现 UIButton *bu ...
- myEclipse笔记(1):优化配置
一.设置字体 Window->Preferences->General->Appearance->Colors and Fonts 在右侧找到”Aa Test Font”双击或 ...
- 用jquery向网页添加背景图片 拉伸 模糊 遮罩层 代码
方法一:手动添加 1.在body内任意位置添加html代码 <div id="web_bg" style=" position:fixed; _position:a ...