- 浏览: 156059 次
- 性别:
文章分类
- 全部博客 (208)
- java web (1)
- java (5)
- Hibernate (10)
- MySql (17)
- GItLab的使用 (1)
- 数据库 (0)
- Spring (9)
- Hibernate + JPA (2)
- JPA (6)
- JQuery (15)
- Eclipse (8)
- Struts2 (2)
- POI (4)
- 工具类 (11)
- Linux (12)
- Json (2)
- 娱乐 (1)
- 学习 (2)
- log4j (1)
- Springmvc (7)
- Excel (3)
- 框架搭建 (2)
- 正则 (2)
- Javamelody (1)
- java反射 (2)
- 中文乱码 (1)
- @ResponseBody 中文乱码 (1)
- 从服务器下载文件 (2)
- ajax (4)
- 存储过程 (2)
- 设计模式 (1)
- junit (2)
- shiro (3)
- java 发送邮件 (1)
- jsp (1)
- xml (1)
- maven (4)
- svn (1)
- 定位 (1)
- redis (3)
- JVM (1)
- Jbpm4.4 (1)
- UML (2)
- Tomcat (1)
- Ckeditor (1)
- JRebel (1)
- CSS (2)
- echart (1)
- html5 (1)
- Ngrok (1)
- NatAPP (1)
- base64编码 (2)
- springBoot (6)
- clone (1)
- dubbo (1)
- zookeeper (1)
- SpringCloud (24)
- RestTemplate (1)
- RocketMQ (1)
- log4j2 (1)
- JS (1)
- 跨域 (1)
- 链路追踪 (2)
- lua (1)
- druid (1)
- thymleaf (1)
- 状态机 (3)
- stateless4j (2)
- mybatis (1)
- generator (1)
最新评论
jQuery 操作checkbox翻页保存选中状态
js:
$(function() { var prodSelectedNames = $("#hiddenProductNames"); var prodSelectedIds = $("#hiddenProductIds"); if(prodSelectedIds.val()!=""){ var oldSelected = prodSelectedIds.val().split(','); $('input:checkbox[name=ids]').each(function() { if ($.inArray($(this).val(), oldSelected) != -1) this.checked = true; }); } $('input:checkbox[name=ids]').click(function() { if(prodSelectedIds.val()!="" ){ var prodIdsValues = prodSelectedIds.val().split(','); var prodNameValues=prodSelectedNames.val().split(','); var i = $.inArray($(this).val(), prodIdsValues); if (this.checked) { if (i == -1){ prodIdsValues.push($(this).val()); prodNameValues.push($(this).attr("productName")); } } else { if (i != -1) { prodIdsValues.splice(i, 1); prodNameValues.splice(i, 1); } } prodSelectedNames.val(prodNameValues); prodSelectedIds.val(prodIdsValues); }else if(prodSelectedIds.val()=="" && this.checked){ prodSelectedIds.val($(this).val()); prodSelectedNames.val($(this).attr("productName")); } }); $('#queryName').bind('keypress',function(event){ if(event.keyCode == "13") { return false; } }); }) function addProduct() { saveChangeProd(); $("#productNames").val($("#hiddenProductNames").val()); $("#productIds").val($("#hiddenProductIds").val()); $("#contain").empty(); closeDialog('contain'); } // function clearProduct(){ // $("#productDiv input[name='ids']").attr("checked",false); // } function _gotoPage(pageNo) { saveChangeProd(); var queryName=$("#queryName").val(); var pageNo=pageNo; showProduct(queryName,pageNo); } function saveChangeProd(){ var prodSelectedNames = $("#hiddenProductNames"); var prodSelectedIds = $("#hiddenProductIds"); $("#productDiv input[name='ids']").each(function(i,ele){ if(prodSelectedIds.val()!="" ){ var prodIdsValues = prodSelectedIds.val().split(','); var prodNameValues=prodSelectedNames.val().split(','); var i = $.inArray($(this).val(), prodIdsValues); if (this.checked) { if (i == -1){ prodIdsValues.push($(this).val()); prodNameValues.push($(this).attr("productName")); } } else { if (i != -1) { prodIdsValues.splice(i, 1); prodNameValues.splice(i, 1); } } prodSelectedNames.val(prodNameValues); prodSelectedIds.val(prodIdsValues); }else if(prodSelectedIds.val()=="" && this.checked){ prodSelectedIds.val($(this).val()); prodSelectedNames.val($(this).attr("productName")); } }); }
html
<div id="productDiv"> <form action="v_product_list.do" method="post" style="padding-top:5px;"> <@s.m "cmsProduct.name"/>: <input type="text" name="queryName" id="queryName" value="${queryName!}" style="width:150px" /> <input class="query" type="button" id="queryButton" value="<@s.m "global.query"/>" onclick="_gotoPage($('#_goPs').val());"/> <input type="hidden" name="pageNo" value="${pageNo!}" id="pageNo"/> </form> <@p.table value=productList;cmsProduct,i,has_next><#rt/> <@p.column align="center" width="20%" title="<input type='checkbox' onclick='Pn.checkbox(\"ids\",this.checked)'/>" width="30%"> <input type='checkbox' name='ids' value='${(cmsProduct.id)}' productName="${(cmsProduct.name)!}"/><#t/> </@p.column><#t/> <@p.column code="产品名称" width="40%" align="center">${cmsProduct.name!}</@p.column><#t/> <@p.column code="图片" width="40%" align="center"> <img id="preImg1" src="${(cmsProduct.productImg)!}" alt="预览" style="width:100px;height:70px;background-color:#CCCCCC;border:1px solid #333"> </@p.column><#t/> </@p.table> <table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td align="center" class="pn-sp"> 共 ${pagination.totalCount} 条 每页<input type="text" value="${pagination.pageSize}" style="width:30px" onfocus="this.select();" onblur="$.cookie('_cookie_page_size',this.value,{expires:3650});" onkeypress="if(event.keyCode==13){$(this).blur();return false;}"/>条 <input class="first-page" type="button" value="首 页" onclick="_gotoPage('1');"<#if pagination.firstPage> disabled="disabled"</#if>/> <input class="pre-page" type="button" value="上一页" onclick="_gotoPage('${pagination.prePage}');"<#if pagination.firstPage> disabled="disabled"</#if>/> <input class="next-page" type="button" value="下一页" onclick="_gotoPage('${pagination.nextPage}');"<#if pagination.lastPage> disabled="disabled"</#if>/> <input class="last-page" type="button" value="尾 页" onclick="_gotoPage('${pagination.totalPage}');"<#if pagination.lastPage> disabled="disabled"</#if>/> 当前 ${pagination.pageNo}/${pagination.totalPage} 页 转到第<input type="text" id="_goPs" style="width:50px" onfocus="this.select();" onkeypress="if(event.keyCode==13){$('#_goPage').click();return false;}"/>页 <input class="go" id="_goPage" type="button" value="转" onclick="_gotoPage($('#_goPs').val());"<#if pagination.totalPage==1> disabled="disabled"</#if>/> </td></tr></table> <p></p> <div style="text-align:center;"> <input type="button" class="button" value="确定" onclick="addProduct();"/> <input type="button" class="button" class="button" value="取消" onclick="closeDialog('contain')"/> <!-- <input type="button" value="清除" onclick="clearProduct()"/> --> </div> </div>
java:对比修改前和修改后的数据然后保存新增数据
public void updateCompanyProduct(CmsCompany cmsCompany,String prodIds){ Integer id = cmsCompany.getId(); List<Integer> oldProd=dao.findProdIds(id); List<Integer> newProd= new ArrayList<Integer>(); List<Integer> copyProd= new ArrayList<Integer>(); if(StringUtils.isNotBlank(prodIds)){ for (String proId : prodIds.split(",")) { newProd.add(Integer.valueOf(proId)); copyProd.add(Integer.valueOf(proId)); } } copyProd.retainAll(oldProd); //System.out.println(copyProd); newProd.removeAll(copyProd); oldProd.removeAll(copyProd); for (Integer prodId : oldProd) { dao.deleteCompanyProduct(id,prodId); } for (Integer prodId : newProd) { dao.saveCompanyProduct(prodId,id); } }
相关推荐
jquery checkbox 选中 取消 checkbox多选
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
自动动手写了个操作checkbox,里面包括全选、全不选、反选、获取选中值四个功能...
jquery获取checkbox选中的值,包括全选 取消全选 反选 选中奇数行 获取选中的值
所以checkbox为false。...把选中的checkbox中的id,其中包括模块id,操作id,拼接成一个字符串,然后把字符串传递到action中。 每次调用此页面时,首选调用action中的选中的id字符串,然后根据在id字符串的基
JQuery操作checkbox、radio等示例
jQuery 对checkbox的操作
checkbox多项选中及取消选中
checkBox分别处理选中与不选中checkBox分别处理选中与不选中
jquery动态生成checkbox 设置一行最多显示几个checkbox 获取checkbox选中项
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
这是一个解决方案实例,可以参考参考。应该会有所帮助
解决ListView嵌套CheckBox滑动时CheckBox选中状态错乱问题,以及listview中事件点击冲突问题;一个简单的小Demo;
基于jQuery的Checkbox精美样式插件 .
NULL 博文链接:https://yhjhoo.iteye.com/blog/652050
jquery checkbox选择器在程序开发中经常会用到,接下来通过实例代码给大家介绍jquery获取checkbox选中的值,需要的朋友参考下
主要介绍了Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码) 需要的朋友可以过来参考下,希望对大家有所帮助
jQuery的高性能TreeView源码(带CheckBox) 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树...
博文链接:https://qsfwy.iteye.com/blog/236001