获取页面的checkbox，并给参数赋值

需求：

需要发送的请求：

选中，发送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，并给参数赋值的更多相关文章

js：通过正则匹配获取页面的url中的参数
简介:获取页面参数原生js: //通过正则匹配获取当前页面的url中的参数 function getUrlParam(name){ var reg = new RegExp("(^|&am ...
获取页面的title值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
js中如何获取页面的Url，域名和端口号
有时候通过获取上个页面的Url来做一个跳转,获取域名防止非正常访问获取上一个页面的一个URL,这个URL一般做一个页面的跳转 window.location.href <script>w ...
03.获取页面的flash文件
1.打开页面的web控制台 2.选择网路查看当前请求的swf文件所在的地址 3.打开swf的文件地址 4.另存为swf的网页为swf格式搞定就可以了.
获取页面的url
设当前页完整地址是:http://www.jb51.net/aaa/bbb.aspx?id=5&name=kelli "http://"是协议名 "www.jb5 ...
页面的checkbox框的全选与反选
if (typeof jQuery == 'undefined') { alert("请先导入jQuery");} else { jQuery.extend({ ...
在aspx页面的checkbox取值验证
在做项目的时候遇到了一个选择性的问题,之前都可以用$("#id").checked,但是不知道为什么现在不可以了,只能if($(this).is(":checked&qu ...
检测页面的localstorage剩余容量
首先用了JSON.stringify(localStorage).length得出你当前页面的localstorage所使用的字符数量current_num. 然后你再去http://arty.nam ...
js获取当前页面的URL并且截取？之后的数据，返回json
js获取当前页面的URL并且截取'?'之后的数据,返回json格式的数据最近想要把学到的东西整理一下,以后方便查找,也是一种自我累积,如果有错误或者更好的,欢迎提出! 这篇文档主要是写关于获取页面的 ...

随机推荐

让Netty入门变得简单
让Netty入门变得简单 https://mp.weixin.qq.com/s/MBnbLmCmFJo0QK9WNwXrXQ 如果先启动nettyClient就不会有nettyServer输出了: p ...
在linux下安装mysql
1.下载mysql 下载地址: http://dev.mysql.com/downloads/mysql/5.5.html#downloads 2.进入系统后,检测是否安装mysql #rpm -qa ...
PHP项目的“苦逼”经历与思考
PHP项目的"苦逼"经历与思考 PHP零基础.但因为项目人手不够的原因,被安排到一个用户"定制"项目. 该项目是用PHP生成的统计数据报表. 而用户又有新的3个 ...
LOL 战斗力查询
LOL(英雄联盟) 战斗力查询接口:http://lolbox.duowan.com/playerDetail.php?serverName=serverName&playerName=pl ...
css实现图片水平垂直居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
Appium环境的安装与配置，Python测试脚本测试
Appium自动化测试系列1 - Appium环境的安装与配置发表于4个月前(2015-01-27 14:34) 阅读(803) | 评论(0) 0人收藏此文章, 我要收藏赞0 寻找会’偷懒 ...
map 类简介和例程
一.标准库的map类型使用map得包含map类所在的头文件 template < class Key, class Type, class Traits = less<Key>, ...
QQ窗体的控制，同步异步打开360网盘，控制360网盘窗体的移动
1.通过system启动飞秋进程的方式: 2.Windows下杀死进程的方式是:taskkill /f/im QQ.exe.截图例如以下: watermark/2/text/aHR0cDovL2 ...
c# 隐藏Tab控件的标签
public void HideTabcontrolLabel(TabControl tabControl1) { tabControl1.Appearance = TabAppearance.Fla ...
nginx Beginner’s Guide
这个引导给nginx做了一个基本的介绍,并描述了nginx可以做的一些基本事情. 假设nginx已经安装在了读者的电脑上,如果没有请查看官网安装页. 这个引导描述了怎么去开始和结束nginx,从新加载 ...

获取页面的checkbox，并给参数赋值

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

随机推荐

热门专题