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);
        }
    });

}
时间: 2024-10-16 05:31:46

jq 全选与联动的小例子的相关文章

JQ 全选、全不选

$(document).ready(function() { $("#isalldebt").click(function() { if ($(this).attr("checked")) { // 全选 $("input[name='debt_type']").each(function(){ $(this).attr("checked", true); }); } else { // 取消全选 $("input[

JQ 全选设定与设置选中

复选数据框 <!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> <meta http-equiv="Co

jq 全选、反选、判断选中的条数

1.全选或全不选.当勾选全选按钮#selectAll旁边的复选框#all时,列表中的选项全部选中,反之取消勾选则列表中的选项全部为未选中状态. $("#all").click(function(){ if(this.checked){ $("#list :checkbox").prop("checked", true); }else{ $("#list :checkbox").prop("checked",

jq 全选/取消效果

//全选框$('#btnbutton').live('click',function(){ var data = $(this).attr('data'); if(data=='on'){ $(":checkbox").each(function(){ $(this).attr('checked',true); }); $(this).attr('data','off'); } else if(data=='off'){ $(":checkbox").each(fu

关于C# DataGridView 全选与取消的小问题

小弟我前面是做游戏的用的是c++  现今用c#来做  有些不熟悉可能理解上有误  欢迎大家纸张 private void btnSelectOrCancel_Click(object sender, EventArgs e)        {            bool isChecked = false;            foreach (DataGridViewRow gvRow in dgvData.Rows)            {                string

JQ全选反选

<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collaps

checkbox的全选,取消全选,获得选中值

<html> <head> <title>jq全选以及获得选中项的值</title> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.4.1/jquery.js"></script> <script> $(function() { $("#select").click

D3D 线列 小例子

画两条线 #pragma once #pragma comment(lib,"d3d9.lib") #pragma comment(lib,"d3dx9.lib") #include<d3d9.h> #include<d3dx9.h> //TODO: -1 custom vertex struct CUSTOMVERTEX { float x; float y; float z; float rhw; }; #define D3DFVF_CU

angular实现表格的全选、单选、部分删除以及全部删除

昨天自己写了一小段js,在全选的时候有点儿小坑,然后,整理了一下.今天把它贴出来,希望以后还记得. 大家也可以去github上查看或下载:https://github.com/dreamITGirl/projectStudy/tree/master/html 我在用angular实现表格的全选时,是给了一个标记--就是一个空数组,每次有个别项选中,我都会push一个数字,当有选项从选中状态到未选中变化时,我就让该数组弹出一个数字.这样就可以实现了.我实现的个别删除和全部删除是从页面删除的,并没有