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 相关文章推荐
解决FireFox下[使用event很麻烦]的问题
Nov 26 Javascript
Apply an AutoFormat to an Excel Spreadsheet
Jun 12 Javascript
javascript下有关dom以及xml节点访问兼容问题
Nov 26 Javascript
JavaScript获取FCK编辑器信息的具体方法
Jul 12 Javascript
js对字符的验证方法汇总
Feb 04 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
Vue.js如何优雅的进行form validation
Apr 07 Javascript
Three.js利用dat.GUI如何简化试验流程详解
Sep 26 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 Javascript
JS简单判断是否在微信浏览器打开的方法示例
Jan 08 Javascript
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
基于JS+HTML实现弹窗提示是否确认提交功能
Jun 17 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制作的意见反馈表源码
2007/03/11 PHP
PHP运行模式的深入理解
2013/06/03 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
php删除数组中重复元素的方法
2015/12/22 PHP
ThinkPHP 在阿里云上的nginx.config配置实例详解
2017/10/11 PHP
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
js禁止Backspace键使浏览器后退的实现方法
2017/09/01 Javascript
webpack项目调试以及独立打包配置文件的方法
2018/02/28 Javascript
详解js实时获取并显示当前时间的方法
2019/05/10 Javascript
JS实现移动端点击按钮复制文本内容
2019/07/28 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
2019/08/20 Javascript
解决vue自定义全局消息框组件问题
2019/11/22 Javascript
JavaScript实现音乐导航效果
2020/11/19 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
python基础教程之类class定义使用方法
2014/02/20 Python
Python实现类似jQuery使用中的链式调用的示例
2016/06/16 Python
Python生成器以及应用实例解析
2018/02/08 Python
Python3导入自定义模块的三种方法详解
2018/04/13 Python
使用python编写udp协议的ping程序方法
2018/04/22 Python
python使用Plotly绘图工具绘制气泡图
2019/04/01 Python
python3通过qq邮箱发送邮件以及附件
2020/05/20 Python
HTML5 与 XHTML2
2008/10/17 HTML / CSS
阿里巴巴国际站:Alibaba.com
2016/07/21 全球购物
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
西安众合通用.net笔试题
2013/03/18 面试题
生物化工工艺专业应届生求职信
2013/10/08 职场文书
保安员岗位职责
2013/11/17 职场文书
运动会广播稿300字
2014/01/10 职场文书
党员学习中共十八大报告思想汇报
2014/09/15 职场文书
办理收楼委托书范本
2014/10/09 职场文书
导游词300字
2015/02/13 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
工程移交协议书
2016/03/24 职场文书
MySQL获取所有分类的前N条记录
2021/05/07 MySQL
一篇文章带你了解Python和Java的正则表达式对比
2021/09/15 Python