function initRoles() { $.ajax({ type : 'post', url : ctxPath + '/roles/all', async : false, success : function(data) { var r = $("#roles"); for (var i = 0; i < data.length; i++) { var d = data[i]; var id = d['id']; var name = d['name']; var t = "   "; r.append(t); } } }); } function getCheckedRoleIds() { var ids = []; $("#roles input[type='checkbox']").each(function() { if ($(this).prop("checked")) { ids.push($(this).val()); } }); return ids; } function initRoleDatas(userId) { $.ajax({ type : 'get', url : ctxPath + '/roles?userId=' + userId, success : function(data) { var length = data.length; for (var i = 0; i < length; i++) { $("input[type='checkbox']").each(function() { var v = $(this).val(); if (v == data[i]['id']) { $(this).attr("checked", true); } }); } } }); }