jq 全选与联动的小例子
function initcheckbox () {
$(".j-jobs-power dl dt input").click(function () {
if (this.checked == true) {
$(this).parents('dl').find('dd input').prop('checked', true);
} else {
$(this).parents('dl').find('dd input').prop('checked', false);
}
});
$(".j-jobs-power dl dd").click(function () {
var num = $(this).parents('dl').find('dd input:not(:checked)').length;
if (num > 0) {
$(this).parents('dl').find('dd input').prop('checked', false);
} else {
$(this).parents('dl').find('dd input').prop('checked', true);
}
});
}
jq 全选与联动的小例子的更多相关文章
- jq全选、全不选、反选、单删、批量删除
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...
- jq 全选和反选以及判断那条被选中
<body><div><input type="checkbox" id="a" />全选</div><d ...
- JQ 全选设定与设置选中
复选数据框 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...
- JQ 全选、全不选
$(document).ready(function() { $("#isalldebt").click(function() { if ($(this).attr("c ...
- jq 全选/取消效果
//全选框$('#btnbutton').live('click',function(){ var data = $(this).attr('data'); if(data=='on'){ $(&qu ...
- jQ全选效果
<ul id="list"> <li><label><input type="checkbox" value=&quo ...
- jq 全选、反选、判断选中的条数
1.全选或全不选.当勾选全选按钮#selectAll旁边的复选框#all时,列表中的选项全部选中,反之取消勾选则列表中的选项全部为未选中状态. $("#all").click(fu ...
- jQ全选或取消全选
function checkAll(chkobj) { if ($(chkobj).children("span").text() == "全选" ...
- jq 全选
$(".checkall").change(function(){ if($(this).is(":checked")){ $(".checkchil ...
随机推荐
- Luffy之前端项目部署搭建
1. 搭建前端项目 1.1 创建项目目录 cd 项目目录 vue init webpack lufei 根据需要在生成项目时,我们选择对应的选项, 效果: 根据上面的提示,我们已经把vue项目构建好了 ...
- Oracle 三大范式
范式:数据库设计对数据的存储性能,还有开发人员对数据的操作都有莫大的关系.所以建立科学的,规范的的数据库是需要满足一些.规范的来优化数据数据存储方式.在关系型数据库中这些规范. 第一范式:数据库表中的 ...
- php 字符编码转换
<?php/** * Created by PhpStorm. * User: yxp * Date: 2016/11/8 * Time: 16:47 */ /** * 将非GBK字符集的编码转 ...
- MySql从一窍不通到入门(五)Sharding:分表、分库、分片和分区
转载:用sharding技术来扩展你的数据库(一)sharding 介绍 转载:MySQL架构方案 - Scale Out & Scale Up. 转载: 数据表分区策略及实现(一) 转载:M ...
- daal utils printNumericTable
#=============================================================================== # Copyright 2014-20 ...
- id: cannot find name for user ID xxx处理办法
一.现像 root用户登录显示正常但以普通用户登录时报类似如下错误: id: cannot find name for user ID 500id: cannot find name for grou ...
- chrome shortkeys
[{"action":"scrolldownmore","activeInInputs":true,"blacklist" ...
- Java自动装箱中的缓存原理
今天看到一道'经典'面试题: Integer a = 100; Integer b = 100; System.out.println(a==b); Integer a2 = 200; Integer ...
- idea中deBug方法
1 2设置controller层断点鼠标左键点击,断点在哪里,就会deBug到哪里 3刷新页面 4查看 5service层设置断点 6 7查看返回信息是否错误
- !important 的绝对控制样式
<head> <style type="text/css"> div{background-color: blue !important;} </st ...