• [总结]实现表格中对checkbox的操作


    request.getParameterValues(String   name)是获得如checkbox类(名字相同,但值有多个的数据。接收数组变量 ,如checkobx类型     
    request.getParameter(String   name)是获得相应名的数据,如果有重复的名,则返回第一个的值 . 接收一般变量 ,如text类型

    html代码如下:

    <tr>
    	<td><input type="checkbox" name="conditions" value="<%=list.get(i).getI_id() %>" id="checkbox+<%=i%>"/>						
    	</td>
    	<td><%=list.get(i).getName()%></td>
    	<td><%=list.get(i).getMoblie()%></td>
    	<td><%=list.get(i).getAddress()%></td>
    	<td><%=list.get(i).getMail()%></td>
    	<td>
          <a           	href="javascript:doUpdate('<%=list.get(i).getI_id()%>','<%=list.get(i).getName()%>','<%=list.get(i).getMoblie()%>','<%=list.get(i).getAddress()%>','<%=list.get(i).getMail()%>')">修改&nbsp&nbsp</a>
    	 <a href="javascript:doDelete('<%=list.get(i).getI_id()%>')">&nbsp&nbsp删除</a></td>
    </tr>
    

    注意到,checkbox的name都是一致的,value则是我从后端查回来的id,id是name和value的组装

    Js代码如下:

    function check(){
    	 $("document").ready(function(){
    		 var myTable =  document.getElementById("myTable");
    		 for(var i=0;i<myTable.rows.length;i++){
    			 if($("input[id='checkbox+"+i+"']").is(":checked")){
                   //判断checkbox是否被选中
    				 $("input[id='checkbox+"+i+"']").attr('name','checked');
    				//将被选中的checkbox的name改掉
    			 }
    		 }		
    	 });
    	 $("#export-form").submit();
    }
    

    同时附上JQuery判断checkbox的一系列方法

    $("[name='checkbox']").attr("checked",'true');//全选
    $("[name='checkbox']").removeAttr("checked");//取消全选
    $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
    

    注意js中字符串的拼接,单引号''双引号的使用"",这个真是坑了我

    服务端(java)的代码如下

    String[] str = request.getParameterValues("checked");
    List<addressbookfunctionVO> list_ = abf.searchById(str);
    return list_;
    
  • 相关阅读:
    javascript中的defer是什么?
    AJAX请求中含有数组解决办法
    关于字符串replace方法第二个参数探究
    教你把百度的关键字搜索偷过来用用。
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
  • 原文地址:https://www.cnblogs.com/scnulyp/p/6533371.html
Copyright © 2020-2023  润新知