select、radio表单回显功能实现避免使用jquery载入赋值


Posted in Javascript onJune 08, 2013

select,radio 表单回显避免使用jquery载入赋值
注意事项:

<html> 
<body> 
<form method="post" action=""> 
<!-- 如果表单中使用重置功能时,不推荐使用如下代码 --> 
<input type="radio" name="visible" value="1" />显示<br> 
<input type="radio" name="visible" value="0" />隐藏<br> 
<select name="orderBy" id="orderBy"> 
<option value="0">0</option> 
<option value="1">1</option> 
</select><br> 
<input type="reset"> 
</form> 
</body> 
</html>

不推荐:使用如下js代码
<script type="text/javascript"> 
<!-- 
$(function(){ 
//回显时并不是真是数据的默认值 
$("input[type=radio][name=visible]").each(function() { 
if ($(this).val() == '${teacher.visible}') { 
$(this).attr("checked", "checked"); 
} 
}); 
$("#orderBy option").each(function() { 
if ($(this).val() == '${teacher.orderBy}') { 
$(this).attr("selected", "selected"); 
} 
}); 
}); 
//--> 
</script>

最好的做法是:在jsp页面进行逻辑判断
<!-- 推荐使用如下代码 --> 
<input type="radio" name="visible" value="1" <c:if test="${teacher.visible==1}">checked="checked"</c:if>/>显示<br> 
<input type="radio" name="visible" value="0" <c:if test="${teacher.visible==0}">checked="checked"</c:if>/>隐藏<br>
Javascript 相关文章推荐
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
Mar 01 Javascript
Jquery实现Div上下移动示例
Apr 23 Javascript
基于Jquery实现表单验证
Jul 20 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
Nov 18 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
Nov 05 Javascript
JS实现简单的二元方程计算器功能示例
Jan 03 Javascript
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
vue使用中的内存泄漏【推荐】
Jul 10 Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 Javascript
使用 Vue cli 3.0 构建自定义组件库的方法
Apr 30 Javascript
js实现简单的打印表格
Jan 15 Javascript
MultiSelect左右选择控件的设计与实现介绍
Jun 08 #Javascript
jQuery中json对象的复制方式介绍(数组及对象)
Jun 08 #Javascript
cookie 最近浏览记录(中文escape转码)具体实现
Jun 08 #Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
Jun 08 #Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
Jun 08 #Javascript
JavaScript自动设置IFrame高度的小例子
Jun 08 #Javascript
EXTjs4.0的store的findRecord的BUG演示代码
Jun 08 #Javascript
You might like
亲密接触PHP之PHP语法学习笔记1
2006/12/17 PHP
PHP自动生成表单代码分享
2015/06/19 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
PHP设计模式之模板方法模式实例浅析
2018/12/20 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
js传值 判断
2006/10/26 Javascript
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
JS代码同步文本框内容的实例方法
2013/07/12 Javascript
jquery实现省市select下拉框的替换(示例代码)
2014/02/22 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
对new functionName()定义一个函数的理解
2014/05/22 Javascript
jQuery实现平滑滚动的标签分栏切换效果
2015/08/28 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
jquery对象和DOM对象的相互转换详解
2016/10/18 Javascript
解决webpack打包速度慢的解决办法汇总
2017/07/06 Javascript
再谈Angular4 脏值检测(性能优化)
2018/04/23 Javascript
详解微信JS-SDK选择图片遇到的坑
2018/08/15 Javascript
微信小程序实现弹框效果
2020/05/26 Javascript
在Python中处理日期和时间的基本知识点整理汇总
2015/05/22 Python
Linux下通过python访问MySQL、Oracle、SQL Server数据库的方法
2016/04/23 Python
Python编程实现双击更新所有已安装python模块的方法
2017/06/05 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
查看jupyter notebook每个单元格运行时间实例
2020/04/22 Python
Django扫码抽奖平台的配置过程详解
2021/01/14 Python
pycharm进入时每次都是insert模式的解决方式
2021/02/05 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
利用CSS3实现单选框动画特效示例代码
2016/09/26 HTML / CSS
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
英语专业毕业生自荐信
2013/10/28 职场文书
美术国培研修感言
2014/02/12 职场文书
煤矿安全演讲稿
2014/05/09 职场文书
绿色校园广播稿
2014/10/13 职场文书
2015领导干部廉洁自律工作总结
2015/07/23 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js
Python FuzzyWuzzy实现模糊匹配
2022/04/28 Python
小程序实现侧滑删除功能
2022/06/25 Javascript