jquery checkbox全选、取消全选实现代码


复制代码 代码如下:

<script src="http://img.phpstudy.net/jslib/jquery/jquery-1.3.2.min.js"></script>
<input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br /> <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br />
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选
<script type="text/javascript"><!--
$(function() {
$("#checkedAll").click(function() {
if ($(this).attr("checked") == true) { // 全选
$("input[name='checkbox_name[]']").each(function() {
$(this).attr("checked", true);
});
} else { // 取消全选
$("input[name='checkbox_name[]']").each(function() {
$(this).attr("checked", false);
});
}
});
});
// -->
</script>



相关阅读:
解析面向小企业的新品:Windows Server 2008 Foundation
使用母版页时内容页如何使用css和javascript
Vista重启资源管理器的方法
通过继承IHttpHandle实现JS插件的组织与管理
不懂JavaScript应该怎样学
asp.net 删除MFC单文档默认菜单栏的两种方法
在 Ubuntu Linux 下配置静态 DNS
新身份证校验位算法
QQ关于.net的精彩对话
实战Oracle数据库备份与恢复
有关ASP.NET的一些基本说明,解释
帝国下载地址使用直接地址不用跳转的修改方法
Oracle中如何把纵表转换为横表
检测用户浏览器是否支持CSS3的方法
快速导航

Copyright © 2016 phpStudy |