jq 全选与联动的小例子

Posted Mr Zhu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 全选与联动的小例子的主要内容,如果未能解决你的问题,请参考以下文章

Jquery实现复选框全选与全不选

jQuery 全选与不全选 Jquery each

jqury简易实现checkbox反选与全选

基于vue的全选与反选案例

单选与全选

checkbox 的全选与全不选