页面的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 ...
随机推荐
- [svc]samba服务搭建
说实话搞这些很蛋疼, 没啥技术含量. What is Samba? 这个历史悠久了 Since 1992, Samba has provided secure, stable and fast fil ...
- .net+jquery+ashx实现客户端模拟登陆扩展
客户端实现:login namespace LoginApp { partial class Form1 { /// <summary> /// 必需的设计器变量. /// </su ...
- Hadoop集群datanode死掉或者secondarynamenode进程消失处理办法
当Hadoop集群的某单个节点出现问题时,一般不必重启整个系统,只须重启这个节点,它会自动连入整个集群. 在坏死的节点上输入如下命令即可: hadoop-daemon.sh start datanod ...
- oracle中的字符串函数详解
花了点时间 复习.了一下字符串函数 希望对初学者有帮助 ----------连接字符串函数-----------------select concat('leiyi','hubei') from du ...
- LeetCode: Median of Two Sorted Arrays 解题报告
Median of Two Sorted Arrays There are two sorted arrays A and B of size m and n respectively. Find t ...
- mysql data_add data_sub
DATE_SUB() 函数从日期减去指定的时间间隔. 语法 DATE_SUB(date,INTERVAL expr type) date 参数是合法的日期表达式.expr 参数是您希望添加的时间间隔. ...
- FreeRTOS 事件标志组
以下转载自安富莱电子: http://forum.armfly.com/forum.php 为什么要使用事件标志事件标志组是实现多任务同步的有效机制之一.也许有不理解的初学者会问采用事件标志组多麻烦, ...
- phalcon分页的处理
由于项目是用phalcon做的,主要是处理api,也做些简单的web页面. 有一个页面是显示日志的,结果后来日志达到几万条后php内存爆了,查了一下代码, 居然是直接读出所有数据库数据,使用的\Pha ...
- Java并发(零)教程目录
上网看博客的时候无意中发现了有一个Java并发的教程还不错,有20多篇讲并发的,一天翻译1篇似乎也不太难.Let's go! 原文地址:http://tutorials.jenkov.com/java ...
- Android——ImageView的scaleType属性与adjustViewBounds属性 (转)二
1 android:scaleType="center" (1)当图片大于ImageView的宽高:以图片的中心点和ImageView的中心点为基准,按照图片的原大小居中显示,不缩 ...