Ajax中根据json数据不同,对页面上的单选框Radio进行回显

2024-09-08 03:32

本文主要是介绍Ajax中根据json数据不同,对页面上的单选框Radio进行回显,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 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);






这篇关于Ajax中根据json数据不同,对页面上的单选框Radio进行回显的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/1146987

相关文章

python进行while遍历的常见错误解析

《python进行while遍历的常见错误解析》在Python中选择合适的遍历方式需要综合考虑可读性、性能和具体需求,本文就来和大家讲解一下python中while遍历常见错误以及所有遍历方法的优缺点... 目录一、超出数组范围问题分析错误复现解决方法关键区别二、continue使用问题分析正确写法关键点三

8种快速易用的Python Matplotlib数据可视化方法汇总(附源码)

《8种快速易用的PythonMatplotlib数据可视化方法汇总(附源码)》你是否曾经面对一堆复杂的数据,却不知道如何让它们变得直观易懂?别慌,Python的Matplotlib库是你数据可视化的... 目录引言1. 折线图(Line Plot)——趋势分析2. 柱状图(Bar Chart)——对比分析3

Spring Boot 整合 Redis 实现数据缓存案例详解

《SpringBoot整合Redis实现数据缓存案例详解》Springboot缓存,默认使用的是ConcurrentMap的方式来实现的,然而我们在项目中并不会这么使用,本文介绍SpringB... 目录1.添加 Maven 依赖2.配置Redis属性3.创建 redisCacheManager4.使用Sp

Python Pandas高效处理Excel数据完整指南

《PythonPandas高效处理Excel数据完整指南》在数据驱动的时代,Excel仍是大量企业存储核心数据的工具,Python的Pandas库凭借其向量化计算、内存优化和丰富的数据处理接口,成为... 目录一、环境搭建与数据读取1.1 基础环境配置1.2 数据高效载入技巧二、数据清洗核心战术2.1 缺失

Python处理超大规模数据的4大方法详解

《Python处理超大规模数据的4大方法详解》在数据的奇妙世界里,数据量就像滚雪球一样,越变越大,从最初的GB级别的小数据堆,逐渐演变成TB级别的数据大山,所以本文我们就来看看Python处理... 目录1. Mars:数据处理界的 “变形金刚”2. Dask:分布式计算的 “指挥家”3. CuPy:GPU

Python对PDF书签进行添加,修改提取和删除操作

《Python对PDF书签进行添加,修改提取和删除操作》PDF书签是PDF文件中的导航工具,通常包含一个标题和一个跳转位置,本教程将详细介绍如何使用Python对PDF文件中的书签进行操作... 目录简介使用工具python 向 PDF 添加书签添加书签添加嵌套书签Python 修改 PDF 书签Pytho

使用Vue-ECharts实现数据可视化图表功能

《使用Vue-ECharts实现数据可视化图表功能》在前端开发中,经常会遇到需要展示数据可视化的需求,比如柱状图、折线图、饼图等,这类需求不仅要求我们准确地将数据呈现出来,还需要兼顾美观与交互体验,所... 目录前言为什么选择 vue-ECharts?1. 基于 ECharts,功能强大2. 更符合 Vue

Java如何根据word模板导出数据

《Java如何根据word模板导出数据》这篇文章主要为大家详细介绍了Java如何实现根据word模板导出数据,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... pom.XML文件导入依赖 <dependency> <groupId>cn.afterturn</groupId>

使用Java将实体类转换为JSON并输出到控制台的完整过程

《使用Java将实体类转换为JSON并输出到控制台的完整过程》在软件开发的过程中,Java是一种广泛使用的编程语言,而在众多应用中,数据的传输和存储经常需要使用JSON格式,用Java将实体类转换为J... 在软件开发的过程中,Java是一种广泛使用的编程语言,而在众多应用中,数据的传输和存储经常需要使用j

Python实现获取带合并单元格的表格数据

《Python实现获取带合并单元格的表格数据》由于在日常运维中经常出现一些合并单元格的表格,如果要获取数据比较麻烦,所以本文我们就来聊聊如何使用Python实现获取带合并单元格的表格数据吧... 由于在日常运维中经常出现一些合并单元格的表格,如果要获取数据比较麻烦,现将将封装成类,并通过调用list_exc