Ajax中根据json数据不同,对页面上的单选框Radio进行回显
来源:互联网 发布:led胸牌编辑软件 编辑:程序博客网 时间:2024/06/06 20:40
Ajax中根据json数据不同,对页面上的单选框Radio进行回显
js代码:
$(document).ready(function(){$.ajax({ type: "POST", url: path+"/pop/nowTodayMeet2", dataType: "json", success: function(data){ $("#discussTopicsEdit").val(data.distopics); $("#metOp_Date").val(data.metdate); $("#verdict").val(data.verdict); $("#reason").val(data.reason); $("input[name=part][value="+data.part+"]").attr("checked",true); $("input[name=nopartreason][value="+data.nopartreason+"]").attr("checked",true); //$("input[name='part'][value='data.part']").attr("checked",true); //$("input[name='part']").attr("checked",'0'); //$("input[type=radio]").attr("checked",'0'); //$("input[name='nopartreason'][value='data.nopartreason']").attr("checked",true); $("#nopartreason2").val(data.nopartreason2); } });});Java代码:
@RequestMapping(value = "/nowTodayMeet2")public @ResponseBody String nowTodayMeet2(HttpServletRequest request, HttpServletResponse response) {ResMessage message = ResMessageFactory.getDefaultInstance(request);try {String dateStr = com.yuanls._comm.util.Utils.getFormatDate("yyyy-MM-dd");String sql = "select to_char(ddatetime,'yyyy-mm-dd') ddatetime,con from T_FWORKMEETSUB where ddatetime=to_date(?,'yyyy-mm-dd')";List<Object> dataList = new ArrayList<Object>();dataList.add(dateStr);EntityManager entityManager = dao.getEntityManager();List<Map<String, Object>> list = ybzxTwoService.queryListMapByList(sql, dataList, entityManager);List<Map<String, Object>> list2 = null ;//得到会商人员的今天历史记录T_subject 开始LUser user = (LUser) request.getSession().getAttribute("user");if (user !=null) {String sql2 = "select verdict,reason,part,nopartreason from T_SUBJECT where ddatetime=to_date(?,'yyyy-mm-dd') and mman=?";List<Object> dataList2 = new ArrayList<Object>();dataList2.add(dateStr);dataList2.add(user.getCname().toString().trim());list2 = ybzxTwoService.queryListMapByList(sql2, dataList2, entityManager);}//结束net.sf.json.JSONObject jsonObject = new JSONObject();jsonObject.put("metdate", com.yuanls._comm.util.Utils.getFormatDate("yyyy-MM-dd"));if (list != null && list.size() > 0) {Map<String, Object> map = list.get(0);String distopics = map.get("con".toUpperCase()) + "";jsonObject.put("distopics", distopics);}if(list2 != null && list2.size() > 0) {Map<String, Object> map = list2.get(0);String verdict = map.get("verdict".toUpperCase()) + "";String reason = map.get("reason".toUpperCase()) + "";String part = map.get("part".toUpperCase()) + "";String nopartreason = map.get("nopartreason".toUpperCase()) + "";String nopartreason2 = "";if(nopartreason.length()>=2) {nopartreason = nopartreason.toString().trim();String nopart = nopartreason.substring(0, 2);if("补休".equals(nopart)) {nopartreason2 = nopartreason.substring(2);nopartreason = "1";}else if("开会".equals(nopart)) {nopartreason2 = nopartreason.substring(2);nopartreason = "2";}else if("出差".equals(nopart)) {nopartreason2 = nopartreason.substring(2);nopartreason = "3";}else {nopartreason2 = nopartreason;nopartreason = "";}}else {nopartreason2 = nopartreason;nopartreason = "";}jsonObject.put("verdict", verdict);jsonObject.put("reason", reason);jsonObject.put("part", part);jsonObject.put("nopartreason", nopartreason);jsonObject.put("nopartreason2", nopartreason2);}this.setSuccess(message);return jsonObject.toString();} catch (Exception e) {log.error(e.getMessage(), e);this.setError(this.getClass(), message, e.getMessage(), request);}return message.getString();}JSP代码:
<div class="span8" style="width:650px;height:50px;"><label class="control-label" style="width:100px">是否参加:</label><div class="controls control-row4"><label><input name="part" id="part" type="radio" value="1" style="width:20px"/>参加</label> <label><input name="part" id="part" type="radio" value="0" style="width:20px"/>不参加</label> </div></div><div class="span8" style="width:650px;height:50px;"><label class="control-label" style="width:100px">不参加理由:</label><div class="controls control-row4"><label><input name="nopartreason" id="nopartreason" type="radio" value="1" style="width:20px"/>补休</label> <label><input name="nopartreason" id="nopartreason" type="radio" value="2" style="width:20px"/>开会</label> <label><input name="nopartreason" id="nopartreason" type="radio" value="3" style="width:20px"/>出差</label> <label>其它:<input id="nopartreason2" type="text" style="font-size: 14px;width:246px;"></label></div></div>
单选框的回显:
$("input[name=part][value="+data.part+"]").attr("checked",true);
$("input[name=nopartreason][value="+data.nopartreason+"]").attr("checked",true);
阅读全文
0 0
- Ajax中根据json数据不同,对页面上的单选框Radio进行回显
- ajax 中根据json数据不同 对页面中 选择框radio 进行动态选择
- 根据radio选择的不同,跳转到不同的页面
- 异步获取数据Ajax,以及对获取的数据进行绑定(显示在页面上)
- 异步获取数据Ajax,以及对获取的数据进行绑定(显示在页面上)
- 对页面上所有ajax的请求进行监听
- 根据需求对数据中查询的数据进行排序
- 根据json里的某个key对json数据进行分组
- c++中对不同的数据成员进行初始化
- mysql根据不同的条件对数据进行批量修改(navicat)
- 根据经纬度查询地址并对获取的json数据进行解析
- 根据经纬度查询地址并对获取的json数据进行解析
- 页面根据数据库值进行判断显示不同的值
- shiro+SpringMVC中根据不同身份进入不同的页面
- 将json数据显示在table上,并对该数据进行简单的模糊搜索
- DataGrid表格实现根据不同条件对不同列数据进行编辑
- ajax对json数据的处理
- 对json格式的数据进行解析
- 常见web漏洞及利用方法
- Genymotion安装与Android Studio配置
- beego + websocket 向页面推送数据(一)
- 606. Construct String from Binary Tree
- AFNetworking初探
- Ajax中根据json数据不同,对页面上的单选框Radio进行回显
- linux nginx phpredis 扩展
- fatal: destination path ‘文件夹名’ git clone already exists and is not an empty directory解决方法
- Problem 3 骰子游戏
- 删除链表中的重复元素I
- 从零开始学_JavaScript_系列(44)——ES6新增数据结构:Set类型和WeakSet
- nodejs--socket.io
- 压力测试工具JMeter入门教程
- Codeforces 813C The Tag Game【思维+Dfs】