Javascript 如何在ajax成功的树视图中获取复选框计数值？

返回JSON Ajax成功后，我们将有treeview结构复选框 查看单击“保存”按钮时，我需要进行复选框计数

当我单击btnSubmit get checkbox checked Count value时

var html=''；
var data={“DomainUserViews”：[{“DomainName”：“a”，“DomainID”：“a”}，{“DomainName”：“b”，“DomainID”：“b”}，{“DomainName”：“c”，“DomainID”：“c”}]，“ModuleUserViews”：[{“ModuleID”：“a”，“Url”：“a”，“ModuleName”：“a”}，{“ModuleID”：“b”，“Url”：“b”，“ModuleName”：“b”，“ModuleName”：“b”}，{“ModuleID”：“c”，“ModuleName”：“c”}；
$.each（data.domainUserView，函数（索引，项）{
html+='
'
html+='
'
$.each（data.ModuleUserViews，函数（索引，项）{
if（item.ParentModuleID==-1）{
item.ModuleName=item.ModuleName
}
否则{
item.ModuleName=item.ModuleName+“/”+item.Url
}
html+='
'
});
html+='
'
});
如果（html！=''）
{
html='
'+html+'
'
}
$（'.dd list'）.html（html）；
$（“#btnSubmitDomain”）。单击（函数（）{
var ddlRole=$（“#RoleID”）.val（）；
//警报（“RoleID:+ddlRole”）；
var elems=$（“ul.dd-list>ul>li>a:checkbox:checked”）；
var-id=[]；
elems.each（函数（索引）{id.push（$（this.attr（“id”）；}）
警报（“计数：+elems.length+”标识：+IDs）；
});
$（“#btnSubmitModule”）。单击（函数（）{
var ddlRole=$（“#RoleID”）.val（）；
//警报（“RoleID:+ddlRole”）；
变量元素=$（“ul.dd-list>ul>li>ul:checkbox:checked”）；
var-id=[]；
elems.each（函数（索引）{id.push（$（this.attr（“id”）；}）
警报（“计数：+elems.length+”标识：+IDs）；
});
$（“#btnSubmitTotalCount”）。单击（函数（）{
var ddlRole=$（“#RoleID”）.val（）；
//警报（“RoleID:+ddlRole”）；
var elems=$（“div#nestable:checkbox:checked”）；
var-id=[]；
elems.each（函数（索引）{id.push（$（this.attr（“id”）；}）
警报（“计数：+elems.length+”标识：+IDs）；
});


获取DomainUserViews计数
获取ModuleUserViews计数
获取ModuleUserViews计数
var html=''；
var data={“DomainUserViews”：[{“DomainName”：“a”，“DomainID”：“a”}，{“DomainName”：“b”，“DomainID”：“b”}，{“DomainName”：“c”，“DomainID”：“c”}]，“ModuleUserViews”：[{“ModuleID”：“a”，“Url”：“a”，“ModuleName”：“a”}，{“ModuleID”：“b”，“Url”：“b”，“ModuleName”：“b”，“ModuleName”：“b”}，{“ModuleID”：“c”，“ModuleName”：“c”}；
$.each（data.domainUserView，函数（索引，项）{
html+='
'
html+='
'
$.each（data.ModuleUserViews，函数（索引，项）{
if（item.ParentModuleID==-1）{
item.ModuleName=item.ModuleName
}
否则{
item.ModuleName=item.ModuleName+“/”+item.Url
}
html+='
'
});
html+='
'
});
如果（html！=''）
{
html='
'+html+'
'
}
$（'.dd list'）.html（html）；
$（“#btnSubmitDomain”）。单击（函数（）{
var ddlRole=$（“#RoleID”）.val（）；
//警报（“RoleID:+ddlRole”）；
var elems=$（“ul.dd-list>ul>li>a:checkbox:checked”）；
var-id=[]；
elems.each（函数（索引）{id.push（$（this.attr（“id”）；}）
警报（“计数：+elems.length+”标识：+IDs）；
});
$（“#btnSubmitModule”）。单击（函数（）{
var ddlRole=$（“#RoleID”）.val（）；
//警报（“RoleID:+ddlRole”）；
变量元素=$（“ul.dd-list>ul>li>ul:checkbox:checked”）；
var-id=[]；
elems.each（函数（索引）{id.push（$（this.attr（“id”）；}）
警报（“计数：+elems.length+”标识：+IDs）；
});
$（“#btnSubmitTotalCount”）。单击（函数（）{
var ddlRole=$（“#RoleID”）.val（）；
//警报（“RoleID:+ddlRole”）；
var elems=$（“div#nestable:checkbox:checked”）；
var-id=[]；
elems.each（函数（索引）{id.push（$（this.attr（“id”）；}）
警报（“计数：+elems.length+”标识：+IDs）；
});


获取DomainUserViews计数
获取ModuleUserViews计数
Get ModuleUserViews Count
构建一个简单的计数函数，该函数获取所有复选框，将其筛选为仅选中的复选框，然后计算总数。下面带有
jQuery.length
的示例

编辑：如果您想计算谨慎的复选框集，比如从
域用户视图
到
模块服务视图
，将不同的类放在那些
元素上（而不仅仅是
.dd list
），并将下面代码段中的
.dd list
更改为您要针对的类

编辑2：更新代码示例以匹配更新问题中的类


$（文档）.ready（函数（）{
函数countDomains（）{
var$checked=$（'.DomainUserViews:checked'）；
var out=“有“+$checked.length+”域已检查”；
$（'.totalDomains'）.html（out）；
}
函数countModules（）{
var$checked=$（'.ModuleUserViews:checked'）；
var out=“有“+$checked.length+”已检查的模块”；
$（'.totalModules'）.html（输出）；
}
$（“#btnsupmit”）。单击（函数（）{
countDomains（）；
countModules（）；
});
$（“#btnSubmitDomains”）。单击（函数（）{
countDomains（）；
});
$（“#btnSubmitModules”）。单击（函数（）{
countModules（）；
});
});


域1

单元1
单元2
单元3
单元4
单元5


域2
领域3

单元1
单元2
单元3
单元4
单元5


域4
域5

计算域数
计数模块
两者都算

构建一个
 @model MedeilMVC_CLOUD.Models.UserView
<script type="text/javascript">
    function GetSelectedDomainValue(DomainID) {
        var adminID = jQuery('[id$=hdnAdminID]').val();
        var roleID = $("#RoleID").val();
        var domainID = $("#DomainID").val();
        //$("#Doamin").remove();
        $.ajax({
            type: 'POST',
            url: '@Url.Action("BindDomainUserAccess")',
            dataType: 'json',
            data: { RoleID: roleID, DomainID: domainID, AdminID: adminID },
            success: function (data) {
                var html = '';
                $.each(data.DomainUserViews, function (index, item) {

                    html += '<li class="dd-item"><a href="#">' + "<input type='checkbox' id='" + item.DomainID + "' name='DomainUserViews' class='DomainUserViews' />" + " " + item.DomainName + '</a>'

                    html += '<ul id="tree" class="dd-list">'

                    $.each(data.ModuleUserViews, function (index, item) {
                        if (item.ParentModuleID == -1) {

                            item.ModuleName = item.ModuleName
                        }
                        else {
                            item.ModuleName = item.ModuleName + " / " + item.Url
                        }

                        html += '<li class="dd-item"><a href="#">' + "<input type='checkbox' id='" + item.ModuleID + "' name='ModuleUserViews' class='ModuleUserViews' />" + " " + item.ModuleName + '</a></li>'

                    });

                    html += '</ul></li>'
                });

                if (html != '') {
                    html = '<ul id="tree" class="dd-list">' + html + '</ul>'
                }

                $('.dd-list').html(html);

            },
            error: function (ex) {
                alert('Failed to retrieve Sub Categories : ' + ex);
            }
        });
    }
</script>

<div class="col-lg-12" id="Doamin">
    <div class="row">
        <div class="col-md-6">
            <div class="dd tree" id="nestable" style="background: #eceff4; padding: 6px;">
                <ul id="tree" class="dd-list"></ul>
            </div>
        </div>
    </div>
</div>

$("#btnSubmit").click(function () {
                var ddlRole = $("#RoleID").val();
                alert("RoleID:" + ddlRole);

//Checkbox checked value code:

            });