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 相关文章推荐
关于juqery radio写法的兼容性问题(新老版本jquery)
Jun 14 Javascript
dojo学习第一天 Tab选项卡 实现
Aug 28 Javascript
javascript 图片裁剪技巧解读
Nov 15 Javascript
javascript中常用编程知识
Apr 08 Javascript
jquery实现的一个简单进度条效果实例
May 12 Javascript
JS访问SWF的函数用法实例
Jul 01 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
Nov 30 Javascript
第八篇Bootstrap下拉菜单实例代码
Jun 21 Javascript
Javascript 实现计算器时间功能详解及实例(二)
Jan 08 Javascript
Vue from-validate 表单验证的示例代码
Sep 26 Javascript
如何对react hooks进行单元测试的方法
Aug 14 Javascript
vue项目中锚点定位替代方式
Nov 13 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的ZipArchive类用法实例
2014/10/20 PHP
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
php写入txt乱码的解决方法
2019/09/17 PHP
用javascript实现的支持lrc歌词的播放器
2007/05/17 Javascript
JavaScript Cookie 直接浏览网站分网址
2009/12/08 Javascript
细说javascript函数从函数的构成开始
2013/08/29 Javascript
node.js中使用socket.io的方法
2014/12/15 Javascript
用jquery快速解决IE输入框不能输入的问题
2016/10/04 Javascript
解决浏览器会自动填充密码的问题
2017/04/28 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
浅谈通过JS拦截 pushState和replaceState事件
2017/07/21 Javascript
微信小程序组件之srcoll-view的详解
2017/10/19 Javascript
JavaScript中常用的简洁高级技巧总结
2019/03/10 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
2019/06/19 Javascript
layui表格数据重载
2019/07/27 Javascript
js实现时分秒倒计时
2019/12/03 Javascript
JS实现烟花爆炸效果
2020/03/10 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
vue 单页应用和多页应用的优劣
2020/10/22 Javascript
一文秒懂nodejs中的异步编程
2021/01/28 NodeJs
Python中使用dom模块生成XML文件示例
2015/04/05 Python
python使用range函数计算一组数和的方法
2015/05/07 Python
python基于右递归解决八皇后问题的方法
2015/05/25 Python
python3 读写文件换行符的方法
2018/04/09 Python
使用Python实现一个栈判断括号是否平衡
2018/08/23 Python
Python-ElasticSearch搜索查询的讲解
2019/02/25 Python
python程序控制NAO机器人行走
2019/04/29 Python
python匿名函数用法实例分析
2019/08/03 Python
python 轮询执行某函数的2种方式
2020/05/03 Python
手工制作的意大利皮革运动鞋:KOIO
2020/01/05 全球购物
十月份红领巾广播稿
2014/01/22 职场文书
人力资源作业细则
2014/03/03 职场文书
见习期自我鉴定范文
2014/03/19 职场文书
商场周年庆活动方案
2014/08/19 职场文书
有关九一八事变的演讲稿
2014/09/14 职场文书