ssm jQuery 獲取checkbox選中的值form表單提交例子


 前台頁面

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無標題頁</title>
<link rel="stylesheet" type="text/css" href="../Admin/role/css/index.css">
</head>
<script type="text/javascript" src="../Admin/role/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
var zhi
function addClick(){
$(document).ready(function(){
var idsstr = "";
var zhi = "";
$(".mian_b_bg_xz input[name=checkbox]").each(function(){ //遍歷table里的全部checkbox
idsstr += $(this).val() + ","; //獲取所有checkbox的值
if($(this).attr("checked")) //如果被選中
zhi += $(this).val() + ","; //獲取被選中的值
});
if(idsstr.length > 0) //如果獲取到
idsstr = idsstr.substring(0, idsstr.length - 1); //把最后一個逗號去掉
if(zhi.length > 0) //如果獲取到
zhi = zhi.substring(0, zhi.length - 1); //把最后一個逗號去掉
alert("所有checkbox的值:" + idsstr);
alert("被選中checkbox的值:" + zhi);
document.form.action="addRole.do?zhi="+zhi
document.form.submit()
});
}

</script>
<body class="mian_bj">
<div class="mian_top_01">
<div class="mian_top_r"></div>
<div class="mian_top_l"></div>
<div class="mian_top_c">
</div>
<div class="mian_b">
<form action="" method="post" name="form">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="mian_b_bg_xz">
<tr>
<td width="5%" class="mian_b_bg_lm">&nbsp;</td>
<td colspan="4" class="mian_b_bg_lm">添加角色</td>
</tr>
<tr>
<td>&nbsp;</td>
<td width="7%" valign="top">角色名稱:</td>
<td width="20%">
<input type="text" class="input_01" name="rolename" id="name"> </td>
<td width="7%"></td>
<td width="56%"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td valign="middle">權限管理:</td>
<td colspan="3">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="mian_b_bg_xz">
<tr bgcolor="#BDB76B">
<td valign="top" colspan="3"><O>客戶管理權限</O></td>
</tr>
<tr>
<td width="3%">&nbsp;</td>
<td colspan="2">
<input name="checkbox" type="checkbox" value="1">客戶基礎信息 &nbsp;&nbsp;&nbsp;
<input name="checkbox" type="checkbox" value="2">客戶接待記錄&nbsp;&nbsp;&nbsp;
<input name="checkbox" type="checkbox" value="3">銷售機會
</td>
</tr>
<tr bgcolor="#BDB76B">
<td valign="top" colspan="3"><O>交易管理權限</O></td>
</tr>
<tr>
<td width="3%">&nbsp;</td>
<td colspan="2">
<input name="checkbox" type="checkbox" value="4">開盤管理&nbsp;&nbsp;&nbsp;<input name="checkbox" type="checkbox" value="5">訂單管理&nbsp;&nbsp;<input name="checkbox" type="checkbox" value="8">合同管理&nbsp;&nbsp;&nbsp;<input name="checkbox" type="checkbox" value="6">付款方式管理&nbsp;&nbsp;&nbsp;<input id="Checkbox77" type="checkbox" value="7">報告審核
</td>
</tr>
<tr>
<td valign="top" colspan="3" bgcolor="#BDB76B">
<O>后台管理權限</O></td>
</tr>
<tr>
<td width="3%">&nbsp;</td>
<td colspan="2">
<input name="checkbox" type="checkbox" value="9">用戶管理&nbsp;&nbsp;&nbsp;<input name="checkbox" type="checkbox" value="11">角色管理&nbsp;&nbsp;&nbsp;<input name="checkbox" type="checkbox" value="11">組織機構管理&nbsp;&nbsp;&nbsp;<input name="checkbox" type="checkbox" value="12">項目管理</br>
<input name="checkbox" type="checkbox" value="13">樓棟管理&nbsp;&nbsp;&nbsp;<input name="checkbox" type="checkbox" value="14">單元管理&nbsp;&nbsp;&nbsp;<input name="checkbox" type="checkbox" value="15">房間管理
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td colspan="4">
<div align="center">
<input type="button" value="確定" onclick="addClick()" >
</div>
</td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>

后台接值

 

@RequestMapping("/addRole.do")
public String addRole(Role role,String zhi){
System.out.println("role"+role);

String[] split = zhi.split(",");
for (int i = 0; i < split.length; i++) {
String string = split[i];
System.out.println("zhi"+string);
}
return "redirect:SelectAll.do";
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM