如何把后台的复选框值传给jsp页面?

第一步:现在后台把获取到复选框value值,把值用字符串拼接,用modelandview发送给页面。

1 StringBuffer s=new StringBuffer();
2         for (Muen muen : li) {
3             s.append(muen.getId()+",");
4         }
5         modelAndView.addObject("r", r);
6         modelAndView.addObject("roleinfo",s.toString());
7         modelAndView.setViewName("/role-edit.jsp");

第二步:在jsp页面用隐藏域接收从后台传过来的拼接好的字符串。

1 <input type="hidden" value="${roleinfo }" id="rolehidden"/>

第三步:写JS代码

<script>
 var srole = $("#rolehidden").val();//接收隐藏域的值
 var myarray = srole.split(",");//用数组接收域名的值去除","                            $("input[type=‘checkbox‘]").each(function(){
         for(var t in myarray){//遍历数组
         if(myarray[t]==$(this).val()){    //如果复选框的value值正好是数组里的值,就用prop刷新“checked”状态
                $(this).prop("checked","checked");
            break;
     }
          }
              });
</script>
时间: 2024-10-02 23:37:51

如何把后台的复选框值传给jsp页面?的相关文章

入门:HTML表单与Java 后台交互(复选框提交)

仅仅给出部分关键代码: HTML form code: <form action="JavaFormTest" method="post" name="Form"> <p> 清输入用户名:<input type="text" name="username"/><br /> 请输入用户密码:<input type="password"

关于复选框和单选框的事

很多时候我想会用到浏览器默认的单选按钮或者复选框,比如说偷懒的时候或者心情不好的时候╮(╯﹏╰)╭, 在html结构里我想实现点击文字旁边的单选按钮就跟着选中或反之,像这样: html代码就可以这样写了:<label><input type="radio" />javascript</label>,通过label标签自动关联这个事件. 那么问题来了,如果是多个选项,我想点击其中的某个选项,其他的就默认不选中,该怎么写,复制上面的代码黏贴几行改了文字就

easyui格式化复选框

前端页面用的easyui,在一个datagrid数据列表中,每行数据前有个复选框,要求进入页面后,自动勾选符合条件的行数据.相对于简单模式的datagrid,这 里需要修改如下: (1) dagagrid中增加一列: <th field="ck" checkbox="true"></th> (2) 添加datagrid属性:singleSelect:false,onLoadSuccess:formatck, 其中onloadSuccess表示

异步ztree 加复选框 及相应后台处理

异步加载 tree,点一下节点,就发一下请求到后台,然后显示出得到的当前层级节点 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 </head> 7 <script type="text/javascript" src="js/jquery-1.8.0

使用js获取复选框的值,并把数组传回后台处理,过程使用的是Ajax异步查询

这是界面代码: ? function shua(){             var id_array=new Array();         $('input[id="checkAll"]:checked').each(function(){         id_array.push($(this).val());//向数组中添加元素         });  //获取界面复选框的所有值              var chapterstr = id_array.join(',

jQuery学习(五)——使用JQ完成复选框的全选和全不选

1.在系统后台进行人员管理时,进行批量删除,使用jq完成全选和全不选 步骤分析: 第一步:引入jquery文件 第二步:书写页面加载函数 第三步:为上面的复选框绑定单击事件 第四步:将下面所有的复选框的选中状态设置成跟上面的一致! 2.具体代码实现: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用jQuery完成复选框的全选和全不

【ztree】完美实现复选框功能

在权限系统中,大多数的页面都用到了树形结构,其中最常用的便是树资源的加载和单击事件,除此之外ztree还可以实现很多功能.今天以实现复选框的添加功能为例,咱们再来深入的学习下ztree的应用. 一.实例描述 在用户管理模块中,需要给用户添加角色,而用户与角色的之间是一个多对多的关系.这里我们可以先加载两个角色树资源,通过两个树之间数据的交换,从而得到用户所拥有的角色资源,实现效果如下: 1.用户信息入口 2.加载角色信息 Datagrid表格中的"分配"按钮是针对单个用户的角色分配,而

jQuery选取所有复选框被选中的值并用Ajax异步提交数据

昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据,今天用到了就分享一下. 由于我做的项目一些地方比较复杂,这里我只举一个小例子,能理解就好. 首先,我做了一个简单的多个复选框的界面,如图: 这是一个比较简单的多个复选框提交界面.代码如下: 1 <body> 2 <div> 3 <input type=&quo

html与用户交互中单选框与复选框&amp;下拉列表中的情况

使用单选框.复选框,让用户选择 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选.请看下面的例子: 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1.type: 当 typ