需求:

需要发送的请求:

选中,发送name值,参数为true,不选中,发送name值,参数为false

方法如下:

$('#courseware_permissions_save_button').click(function(){
        //
        var boxes = $('.courseware_permission_checkbox');
        var myData = {};
        for(var i=0,j=boxes.length;i<j;i++) {
            var box = boxes[i];
            if(box.checked)
                myData[box.value] = 'true';
            else
                myData[box.value] = 'false';
        }
        
        jQuery.ajax( {
            url : "/direct/site/${param.siteId}/setPerms",
            type : 'POST',
            data : myData,
            async : false,
            dataType: 'text',
            success : function(data) {
                if(data) window.location.href='${pageContext.request.contextPath}/cw/index.do';
            },
            error : function(xmlHttpRequest,status,error) {
                alert("ERROR");               
            }
        });
       //return false;
    });

整个页面jsp如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
  <head>
      <script type="text/javascript" src="/library/js/jquery/jquery-1.9.1.min.js"></script>
  </head>
 
  <body>
  <p class="instruction">课程管理权限管理</p>
  <form action="" id="courseware_permissions_table" >
<table class="listHier lines tableList">
    <thead>
        <tr class="listHier">
            <th align="left">角色</th>
            <th style="text-align:center;">增加</th>
            <th style="text-align:center;">删除</th>
            <th style="text-align:center;">更新</th>
            <th style="text-align:center;">数据统计</th>
        </tr>
    </thead>
<tbody>
</tbody>
</table>
</form>
<div class="act">
    <input id="courseware_permissions_save_button" type="submit" class="active" value="保存">
    <input type="button" value="取消" onclick="javascript:window.location.href='${pageContext.request.contextPath}/cw/index.do'">
</div>
  </body>
<script type="text/javascript">
$(function(){
    var perms = [];
    jQuery.ajax( {
        url : "/direct/site/${param.siteId}/perms/courseware.json",
        dataType : "json",
        async : false,
        success : function(p) {
            for(role in p.data) {
                var permSet = {'role':role};
                
                $('#courseware_permissions_table').append('<tr><td align="left">'+role+'</td>'
                    +'<td align="center"><input type="checkbox" class="courseware_permission_checkbox" value="'+role.replace(/^\"|\"$/g,'')+':courseware.add" id="'+role.replace(/^\"|\"$/g,'')+'_courseware_add"></td>'
                    +'<td align="center"><input type="checkbox" class="courseware_permission_checkbox" value="'+role.replace(/^\"|\"$/g,'')+':courseware.delete" id="'+role.replace(/^\"|\"$/g,'')+'_courseware_delete"></td>'
                    +'<td align="center"><input type="checkbox" class="courseware_permission_checkbox" value="'+role.replace(/^\"|\"$/g,'')+':courseware.update" id="'+role.replace(/^\"|\"$/g,'')+'_courseware_update"></td>'
                    +'<td align="center"><input type="checkbox" class="courseware_permission_checkbox" value="'+role.replace(/^\"|\"$/g,'')+':courseware.diagram" id="'+role.replace(/^\"|\"$/g,'')+'_courseware_diagram"></td>'
                    +'</tr>');
                    
                for(var i = 0 ; i <p.data[role].length;i++){
                    var perm = p.data[role][i].replace(/\./g,"_");
                    $('#'+role.replace(/^\"|\"$/g,'')+'_'+perm).attr('checked',true);
                    
                }
                
                perms.push(permSet);
            }
        },
        error : function(xmlHttpRequest,status,error) {
           alert("ERROR");
        }
    });
    /* $('#bbb_permissions_save_button').bind('click', function() {
               BBBUtils.setSitePermissions('.bbb_permission_checkbox', function() {
                   // success callback
                   bbbUserPerms = new BBBPermissions(bbbCurrentUser.permissions);
                   if (bbbUserPerms.bbbViewMeetingList)
                       setMeetingList();
                   switchState('currentMeetings');
                   if (bbbUserPerms.bbbViewMeetingList)
                        BBBUtils.showMessage(bbb_permissions_saved, 'success');
               })
            });
           
       BBBUtils.setSitePermissions = function(boxesSelector, successCallback, errorCallback) {
        var boxes = $(boxesSelector);
        var myData = {};
        for(var i=0,j=boxes.length;i<j;i++) {
            var box = boxes[i];
            if(box.checked)
                myData[box.id] = 'true';
            else
                myData[box.id] = 'false';
        } */
    $('#courseware_permissions_save_button').click(function(){
        //
        var boxes = $('.courseware_permission_checkbox');
        var myData = {};
        for(var i=0,j=boxes.length;i<j;i++) {
            var box = boxes[i];
            if(box.checked)
                myData[box.value] = 'true';
            else
                myData[box.value] = 'false';
        }
        
        jQuery.ajax( {
            url : "/direct/site/${param.siteId}/setPerms",
            type : 'POST',
            data : myData,
            async : false,
            dataType: 'text',
            success : function(data) {
                if(data) window.location.href='${pageContext.request.contextPath}/cw/index.do';
            },
            error : function(xmlHttpRequest,status,error) {
                alert("ERROR");               
            }
        });
       //return false;
    });
});
</script>
</html>

获取页面的checkbox,并给参数赋值的更多相关文章

  1. js:通过正则匹配获取页面的url中的参数

    简介:获取页面参数 原生js: //通过正则匹配获取当前页面的url中的参数 function getUrlParam(name){ var reg = new RegExp("(^|&am ...

  2. 获取页面的title值

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. js中如何获取页面的Url,域名和端口号

    有时候通过获取上个页面的Url来做一个跳转,获取域名防止非正常访问 获取上一个页面的一个URL,这个URL一般做一个页面的跳转 window.location.href <script>w ...

  4. 03.获取页面的flash文件

    1.打开页面的web控制台 2.选择网路查看当前请求的swf文件所在的地址 3.打开swf的文件地址 4.另存为swf的网页为swf格式 搞定就可以了.

  5. 获取页面的url

    设当前页完整地址是:http://www.jb51.net/aaa/bbb.aspx?id=5&name=kelli "http://"是协议名 "www.jb5 ...

  6. 页面的checkbox框的全选与反选

    if (typeof jQuery == 'undefined') {     alert("请先导入jQuery");} else {    jQuery.extend({    ...

  7. 在aspx页面的checkbox取值验证

    在做项目的时候遇到了一个选择性的问题,之前都可以用$("#id").checked,但是不知道为什么现在不可以了,只能if($(this).is(":checked&qu ...

  8. 检测页面的localstorage剩余容量

    首先用了JSON.stringify(localStorage).length得出你当前页面的localstorage所使用的字符数量current_num. 然后你再去http://arty.nam ...

  9. js获取当前页面的URL并且截取?之后的数据,返回json

    js获取当前页面的URL并且截取'?'之后的数据,返回json格式的数据 最近想要把学到的东西整理一下,以后方便查找,也是一种自我累积,如果有错误或者更好的,欢迎提出! 这篇文档主要是写关于获取页面的 ...

随机推荐

  1. ElementUI日期选择器时间选择范围限制

    ElementUI是饿了么推出的一套基于vue2.x的一个ui框架.官方文档也很详细,这里做一个element-ui日期插件的补充,官方文档中使用picker-options属性来限制可选择的日期,这 ...

  2. JSP学习笔记(三):Session和Cookie

    一.JSP Session HTTP是无状态协议,这意味着每次客户端检索网页时,都要单独打开一个服务器连接,因此服务器不会记录下先前客户端请求的任何信息.有三种方法来维持客户端与服务器的会话: 1.C ...

  3. Android实战简易教程-第二十八枪(基于Bmob实现头像图片设置和网络上传功能!)

    上一篇我们介绍了怎样由uri转换成String ,本文就用到了上篇文章的方法.以下我们介绍一下怎样设置头像后将头像图片上传到云端的方法,本文基于Bmob提供的服务. 看一下代码:(布局文件和前两篇文章 ...

  4. Linux中crontab无法执行java程序的问题

    Linux中crontab无法执行java程序的问题 jdk环境变量配置问题:可以用全路径来解决: 竟然是kill -9之后,后面的脚本都不运行,这个还没有找到原因啊: 即便是系统级别的 ls 命令, ...

  5. dTree无限级文件夹树和JQuery同步Ajax请求

    曾经都是用JQuery对树的支持来实现文件夹树的,近来闲来无事就弄了下dTree,感觉其无限级文件夹还是挺好的,并且它的使用也比較方便,基本上就是先把要用的js文件即dtree.js和css文件dtr ...

  6. Cocos2d-x源代码解析(1)——地图模块(1)

    cocos通过加载tiled 生成的tmx文件来生成游戏地图.本文主要分析cocos加载地图模块的源代码.   如图所看到的,地图加载模块由以上几个类组成. 对外的入口是类CCTMXTiledMap, ...

  7. double转成string时,不以科学计数法表示

    用gson解析json串的时候,经常会自动把我想用string表示的内容转换成double,并且还是科学计数法,这一点也不科学,写个方法,格式化一下. public static String par ...

  8. Web中树形数据(层级关系数据)的实现—以行政区树为例

    在Web开发中常常遇到树形数据的操作,如菜单.组织机构.行政区(省.市.县)等具有层级关系的数据. 以下以行政区为例说明树形数据(层级关系数据)的存储以及实现,效果如图所看到的. 1 数据库表结构设计 ...

  9. Java之速记(1) - 小结与疑惑

    接触Java也有几个年头了,从对编程没有什么概念的新人(在大学里啃J2SE6.0编程指南),到工作用Play框架写一些简单的模块,再到用Structs2+Hibernate编写主要模块,再到现在独立开 ...

  10. IDEA中同窗口导入新的maven项目

    创建请看这个:http://www.cnblogs.com/oskyhg/p/6649266.html 下边开始导入: 完毕. 结果展示: