获取页面的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格式的数据 最近想要把学到的东西整理一下,以后方便查找,也是一种自我累积,如果有错误或者更好的,欢迎提出! 这篇文档主要是写关于获取页面的 ...
随机推荐
- 转: SVN使用教程总结(图文丰富,相当详细)
转自:http://www.cnblogs.com/armyfai/p/3985660.html SVN使用教程总结 SVN简介: 为什么要使用SVN? 程序员在编写程序的过程中,每个程序员都会生 ...
- Cognos权限认证CJP方式之用户密码加密
在项目开发过程中,用户往往对系统的安全都有明确的要求,下面针对cognos门户认证用户密码如何加密来提供一个简单的wf 1Cognos权限认证方式:CJP 2Cognos用户数据库类型:Oracle ...
- 语音信号处理之(一)动态时间规整(DTW)
语音信号处理之(一)动态时间规整(DTW) zouxy09@qq.com 原文:http://blog.csdn.net/zouxy09 这学期有<语音信号处理>这门课,快考试了,所以也要 ...
- 裸裸的线段树(hdu 1754)
线段树的第一发. 哪天忘了还能够让自己找找回顾. 线段树操作: build : 建树. update:点改动: query:查询 Input 在每一个測试的第一行,有两个正整数 N 和 M ( 0& ...
- 总想自己动动手系列·2·本地和外网(Liunx服务器上部署的web项目)按照自定义的报文格式进行交互(完结篇)
一.准备工作 (1)创建一个web-project工程,部署本地可正常访问,部署在云服务上可访问. (2)理解如何在web.xml文件中配置过滤器,和创建一个自定义的过滤器. (3)懂得如何打war包 ...
- 说说PHP中的命名空间相关概念
说说PHP中的命名空间相关概念 1. PHP中的命名空间是什么? 什么是命名空间?"从广义上来说,命名空间是一种封装事物的方法.在非常多地方都能够见到这样的抽象概念. 比如.在操作系统中文件 ...
- 算法笔记_145:拓扑排序的应用(Java)
目录 1 问题描述 2 解决方案 1 问题描述 给出一些球,从1~N编号,他们的重量都不相同,也用1~N标记加以区分(这里真心恶毒啊,估计很多WA都是因为这里),然后给出一些约束条件,< a ...
- js获取时间戳的三种方式
js获取时间戳的三种方式 CreateTime--2018年5月23日08:44:10 Author:Marydon // 方式一:推荐使用 var timestamp=new Date().ge ...
- C语言中递归什么时候能够省略return引发的思考:通过内联汇编解读C语言函数return的本质
事情的经过是这种,博主在用C写一个简单的业务时使用递归,因为粗心而忘了写return.结果发现返回的结果依旧是正确的.经过半小时的反汇编调试.证明了我的猜想,如今在博客里分享.也是对C语言编译原理的一 ...
- 分享阿里云SLB-负载均衡的实现基本原理架构
负载均衡技术原理浅析 https://help.aliyun.com/knowledge_detail/39444.html?spm=5176.7839438.2.6.XBbX5l 阿里定制版的LVC ...