页面的checkbox框的全选与反选
if (typeof jQuery == 'undefined') { alert("请先导入jQuery");
} else {
jQuery.extend({
quan_fan: quan_fan });
}
function quan_fan(all, other) {
/// <summary>
/// 全选,反选
/// </summary>
/// <param name="all">全选(按钮(checkbox))JQuery对象</param>
/// <param name="other">其它(按钮(checkbox))JQuery对象</param>
all.click(function () {
if (all[0].checked == true) {
other.each(function () {
this.checked = true;
});
}
else {
other.each(function () {
this.checked = false;
});
}
});
other.each(function () {
$(this).click(function () {
if (this.checked == false) {
all[0].checked = false;
}
});
});
}
使用
aaarticlea/png;base64,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" alt="" />
页面的checkbox框的全选与反选的更多相关文章
- 【jQuery】复选框的全选、反选,推断哪些复选框被选中
本文与<[JavaScript]复选框的全选.反选.推断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,相同做到例如以下的效果: 布局还是相同的布局, ...
- jQuery实现复选框的全选、反选、并且根据复选框的<checked属性>控制多个对应div的显示/隐藏
<!doctype html><html> <head> <meta charset="utf-8"> <title>j ...
- Jquery 利用单个复选款(checkbox)实现全选、反选
1 <script type="text/javascript"> $(function(){ //全选 $("#CheckedAll").clic ...
- jQuery 实现复选框的全选与反选
<script> //实现全选与反选 $(".allAndNotAll").click(function () { if ($(this).prop("che ...
- jquery简单实现复选框的全选与反选
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- angular4 checkbox复选框的全选,反选及个别选择
<label><input type="checkbox" name="" [(ngModel)]="master"> ...
- jQuery实现复选框的全选、反选功能
<ul id="list"> <li><label><input type="checkbox" value=&quo ...
- checkbox的单选全选,反选,计算价格,删除
activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android&qu ...
- 如何利用jq来实现复选框的全选,反选!
$("document").ready(function(){ $("#btn1").click(function(){ $("[name='chec ...
随机推荐
- Java:HttpClient篇,Cookie概述,及其在HttpClient4.2中的应用
1. Cookie 概述 Cookie是什么? Cookie 是一小段文本信息,伴随着用户请求和页面在 Web 服务器和浏览器之间传递.Cookie 包含每次用户访问站点时 Web 应用程序都可以读取 ...
- CSS选择器、层叠相关的基础知识
CSS是Cascading Style Sheets的英文缩写,即层叠样式表.CSS2.1是W3C于2007年发布,现在推荐使用的.CSS3现在还处于开发中,有部分浏览器的新版本支持. 1. CSS ...
- vim设置文本宽度
'textwidth' 'tw' number (default 0) local to buffer ...
- 【Android】4.4 示例--列出手机上的所有联系人
分类:C#.Android.VS2015:创建日期:2016-02-06 项目名:DesignerWalkthrough 模板:Blank App(Android) 功能:列出手机上的所有联系人. 说 ...
- angular学习笔记(十四)-$watch(3)
同样的例子,还可以这样写: <!DOCTYPE html> <html ng-app> <head> <title>11.3$watch监控数据变化&l ...
- Java IP地址字符串与BigInteger的转换, 支持IPv6
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 3 ...
- scrollTop兼容封装
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- Datax将本地文件导入Hbase数据库!!!酷酷酷
Hbase Writer的json文件链接: https://github.com/alibaba/DataX/blob/master/hbase11xwriter/doc/hbase11xwrite ...
- TOMCAT8源码分析——处理请求分析(下)
前言 本文继续讲解TOMCAT的请求原理分析,建议朋友们阅读本文时首先阅读过<TOMCAT源码分析——请求原理分析(上)>和<TOMCAT源码分析——请求原理分析(中)>.在& ...
- python学习笔记(15)--pygame的安装
说明: 1. 现在是2017.3.9号,最新的python版本是3.6,最新的pygame是1.9.3,这两个最好都用32位的. 2. pygame1.9.3下载地址:http://www.lfd.u ...