ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)


Posted in Javascript onJanuary 13, 2012

这章内容比较简单,直接上页面代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Recipe6.aspx.cs" Inherits="Recipe6" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>Recipe6</title> 
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
$("#<%=chkSelectAll.ClientID %>").click(function () { 
// 很简单,一行代码搞定 
$("#<%=chkList.ClientID %> input[type=checkbox]").attr("checked", $("#<%=chkSelectAll.ClientID %>").is(":checked")); 
}); 
}); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div align="left"> 
<p> 
实现全选或全取消操作</p> 
<fieldset style="width: 400px; height: 150px;"> 
<asp:CheckBox ID="chkSelectAll" runat="server" Text="全选" /> 
<hr /> 
<asp:CheckBoxList ID="chkList" runat="server"> 
<asp:ListItem Value="1" Text="C#"></asp:ListItem> 
<asp:ListItem Value="2" Text="Java"></asp:ListItem> 
<asp:ListItem Value="3" Text="C++"></asp:ListItem> 
<asp:ListItem Value="4" Text="JavaScript"></asp:ListItem> 
</asp:CheckBoxList> 
</fieldset> 
</div> 
</form> 
</body> 
</html>

效果图:

ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)

Javascript 相关文章推荐
jQuery 过滤not()与filter()实例代码
May 10 Javascript
JS 获取浏览器和屏幕宽高等信息代码
Mar 31 Javascript
JavaScript实现算术平方根算法-代码超简单
Sep 11 Javascript
谷歌Chrome浏览器扩展程序开发小记
Jan 06 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
Dec 30 Javascript
利用jQuery实现一个简单的表格上下翻页效果
Mar 14 Javascript
详解vue中多个有顺序要求的异步操作处理
Oct 29 Javascript
TypeScript高级用法的知识点汇总
Dec 17 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
Feb 10 Javascript
vue 实现动态路由的方法
Jul 06 Javascript
vuex分模块后,实现获取state的值
Jul 26 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
Jan 13 #Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
Jan 13 #Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
Jan 13 #Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
Jan 13 #Javascript
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
Jan 13 #Javascript
从URL中提取参数与将对象转换为URL查询参数的实现代码
Jan 12 #Javascript
js中根据字数截取字符串,不能截断url
Jan 12 #Javascript
You might like
安装PHP可能遇到的问题“无法载入mysql扩展” 的解决方法
2007/04/16 PHP
php文件上传、下载和删除示例
2020/08/28 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
JScript中使用ADODB.Stream判断文件编码的代码
2008/06/09 Javascript
Javascript中的变量使用说明
2010/05/18 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
2013/03/04 Javascript
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
文档对象模型DOM通俗讲解
2013/11/01 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
2014/05/20 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
2016/07/08 Javascript
JQuery遍历元素的父辈和祖先的方法
2016/09/18 Javascript
简单理解vue中Props属性
2016/10/27 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
JS验证字符串功能
2017/02/22 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
JavaScript常见事件处理程序实例总结
2019/01/05 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
Vue的编码技巧与规范使用详解
2019/08/28 Javascript
python脚本内运行linux命令的方法
2015/07/02 Python
python 生成器协程运算实例
2017/09/04 Python
Django 中使用流响应处理视频的方法
2018/07/20 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
PHP统计代码行数的小代码
2019/09/19 Python
Python面向对象程序设计之私有变量,私有方法原理与用法分析
2020/03/23 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
基于css3 animate制作绚丽的动画效果
2015/11/24 HTML / CSS
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
Missguided美国官网:英国时尚品牌
2018/01/18 全球购物
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
优秀食品类广告词
2014/03/19 职场文书
民主生活会主持词
2015/07/01 职场文书
高中运动会前导词
2015/07/20 职场文书
2015大一新生军训感言
2015/08/01 职场文书