JQuery根据json数据选中多选框
程序员文章站
2022-03-07 14:26:00
...
<dl class="nowrap">
<dt>输出仓库:</dt>
<dd><div id="ufrom_ids" val="${from_ids}"></div></dd>
</dl>
<dl class="nowrap">
<dt>输入仓库:</dt>
<dd><div id="uto_ids" val="${to_ids}" ></div></dd>
</dl>
ufrom_ids和 uto_ids 获得数据格式是字符串,eg:string ufrom_ids=“3,4,35”;
页面请求在Java后台获取所有的数据 var iaxleft= intArray[n].replace( /^\s+|\s+$/g, "" );处理空格和特殊字符
<script language="JavaScript"> <!-- $(document).ready(function() { $.getJSON("deliver/getWarehouses.do", function(data){ var html = ''; var htmlto=''; var from_ids = $("#ufrom_ids").attr('val'); var to_ids = $("#uto_ids").attr('val'); var intArray = new Array(); intArray=from_ids.split(','); var tointArray = new Array(); tointArray=to_ids.split(','); $.each(data, function(i,item){ html += '<label><input type="checkbox" name="from_ids" value="' + item.value+'"' ; for(var n=0;n<intArray.length;n++){ var iaxleft= intArray[n].replace( /^\s+|\s+$/g, "" ); var iaxright= item.value.replace( /^\s+|\s+$/g, "" ); if(iaxleft==iaxright) html += ' checked'; } html +='>' +item.text + '</label>'; htmlto += '<label><input type="checkbox" name="to_ids" value="' + item.value+'"' ; for(var ton=0;ton<tointArray.length;ton++){ var toiaxleft= tointArray[ton].replace( /^\s+|\s+$/g, "" ); var toiaxright= item.value.replace( /^\s+|\s+$/g, "" ); if(toiaxleft==toiaxright) htmlto += ' checked'; } htmlto +='>' +item.text + '</label>'; }); $("#ufrom_ids").append(html); $("#uto_ids").append(htmlto); }); }); //--> </script>
后台请求路径
<action name="getWarehouses" class="mgmt.deliver.WarehouseEditAction" method="getWarehouses"> <param name="opType">JSON</param> <result type="plainText"/> </action>
action内容 WarehouseEditAction.java
public String getWarehouses() {
BeanFactory.getService(Const.SERVICE_MGMT_DELIVER_WAREHOUSE_EDIT, this.vo);
//Const.SERVICE_MGMT_DELIVER_WAREHOUSE_EDIT service的路径 sql语句获取所有的仓库信息
Gson gson = new Gson();
String json = gson.toJson(this.vo.getGetWarehouse());
this.printJson(json);
return null;
}
上一篇: 多选框使用记录
推荐阅读
-
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
-
vue根据后台数据设置多选框不可点击或选中
-
layui和jQuery根据数据库给复选框设置默认被选中checked
-
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
-
jquery 根据索引index或value值设置单选框radio的某一项为选中状态
-
jQuery选取复选框中所有被选中的值并用Ajax异步提交数据
-
jQuery用复选框被选中的值和Ajax异步提交数据的方法
-
jQuery选取复选框中所有被选中的值并用Ajax异步提交数据
-
jQuery用复选框被选中的值和Ajax异步提交数据的方法
-
JQuery根据json数据选中多选框