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后面 ...
随机推荐
- [置顶] 宏途_LCD调试流程.
今天在调试宏途的LCD屏时,开始是开机屏幕不亮,背光都不亮,可能板子已经损坏,一般通过测试电流电压简单验证,(注:硬件引脚没焊好也会引起读lcd id出现错误!!!)出现这个问题一般是因为引脚没焊好, ...
- POJ 2886 Who Gets the Most Candies? 线段树。。还有方向感
这道题不仅仅是在考察线段树,还他妹的在考察一个人的方向感.... 和线段树有关的那几个函数写了一遍就对了,连改都没改,一直在转圈的问题的出错.... 题意:从第K个同学开始,若K的数字为正 则往右转, ...
- JavaScript学习笔记(高级部分—01)
JavaScript的核心ECMAScript描述了该语言的语法和基本对象:DOM描述了处理网页内容的方法和接口:BOM描述了与浏览器进行交互的方法和接口. 简单说,ECMAScript描述了以下内容 ...
- Codeforces 220B - Little Elephant and Array 离线树状数组
This problem can be solve in simpler O(NsqrtN) solution, but I will describe O(NlogN) one. We will s ...
- Dynamics CRM记录页面上隐藏子网格“+”标识
前段时间微软发布了Dynamics 365,这是Dynamics产品的又一次大的变动,期待新的版本能够更好的满足客户的需求,同时提供更多的可定制化的内容. 近期做Dynamics CRM项目遇到很多审 ...
- Android(java)学习笔记261:JNI之编写jni程序适配所有处理器型号
1. 还是以"02_两个数相加"为例,你会发现这个jni程序只能在ARM处理器下运行,如下: 如果我们让上面的程序运行在x86模拟器上,处理平台不对应,报如下错误: 03-29 ...
- USB2.0速度识别
我们知道USB2.0向下兼容USB1.x,即高速2.0的hub能支持所有的速度类型的设备,而USB1.x的hub不能支持高速设备(High Speed Device).因此,如果高速设备挂到USB1. ...
- 利用ajax从txt读取数据
html代码: <div id="news"></div> txt: [ {"id":"1", "news ...
- django: template using & debug
模板的作用方法有如下三种: blog/views.py: from django.template import loader, Context, Template from django.http ...
- 学习Android MediaPlayer
Android Media Playback 原文 The Android multimedia framework includes support for playing variety of c ...