获取页面的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格式的数据 最近想要把学到的东西整理一下,以后方便查找,也是一种自我累积,如果有错误或者更好的,欢迎提出! 这篇文档主要是写关于获取页面的 ...
随机推荐
- 让editplus支持sql编辑
摘自: http://www.cnblogs.com/yeminglong/archive/2011/10/15/2212991.html 让editplus支持sql编辑 时比较喜欢用editplu ...
- 2014Esri全球用户大会——亮点系列之产品技术
2014年Esri全球用户大会已于7月14日~18日隆重召开,让我们一起来回味下面精彩内容: 序:大会主题"Creating Our Future" [解读]: 传达两个核 ...
- Linux的防火墙–Iptables
导读 Iptable已经集成在Linux 2.4及以上版本的内核中,同Windows下的众多“傻瓜”防火墙不同的是,Iptables需要用户自己定制相关规则.下面我就给大家简单介绍一下关于防火墙的基本 ...
- 如何利用WebClient模拟登陆CSRF控制的网站
一般我们都是利用WebRequest这个类来向服务器进行数据的POST,不过很多情况下相应的服务器都有验证,看你是不是登陆,是不是来自同一个域,这些都简单,我们可以更改其属性来达到欺骗服务器.不过如果 ...
- XML,dom4j和Java
看了“罗辑思维”的节目,终于克服了自己的拖延症,开始动笔写这篇文章了. 写这篇文章的目的是把XML的解析,萃取和验证都尽量覆盖一下,存储以便日后备考,使用的包是dom4j,涉及语言是Java. dom ...
- HTTP协议响应消息的常用状态码【转】
“100″ : Continue(继续) 初始的请求已经接受,客户应当继续发送请求的其余部分.(HTTP 1.1新) “101″ : Switching Protocols(切换协议) 请求者已要求服 ...
- centos安装问题集合
1.版本选择可能直接打开www.centos.org打不开,但是可以打开http://wiki.centos.org/zh/Download,直接找到centos下载列表, (1)i386:支持32位 ...
- java中形参个数可变的方法使用
public class Varargs { public static void main(String[] args) { test(3,"java","C++&qu ...
- mysql基础知识之-数据库的创建、查看等常用操作
命令创建mysql数据库: 先启动mysql数据库,连接数据库: mysql -uroot -p123456 (语法:mysql -u登录名 -p密码) 创建表: create dat ...
- ubuntu12.04下helloworld驱动从失败到成功过程
最近在看linux的设备驱动程序,写一个简单的helloworld程序都花了我好久的时间,具体过程如下: 编写helloworld.c 编写Makefile 注意,makefile中的命令那里是一个t ...