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 相关文章推荐
jqTransform form表单美化插件使用方法
Jul 05 Javascript
jquery动画3.创建一个带遮罩效果的图片走廊
Aug 24 Javascript
jquery拖动插件(jquery.drag)使用介绍
Jun 18 Javascript
setTimeout自动触发一个js的方法
Jan 15 Javascript
css结合js制作下拉菜单示例代码
Feb 27 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
Mar 17 Javascript
JQuery中两个ul标签的li互相移动实现方法
May 18 Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
Feb 07 Javascript
vue使用echarts图表的详细方法
Oct 22 Javascript
vue 导航内容设置选中状态样式的例子
Nov 01 Javascript
vue使用prop可以渲染但是打印台报错的解决方式
Nov 13 Javascript
JS中的变量作用域(console版)
Jul 18 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 FTP类的详解
2013/06/13 PHP
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
php中实现记住密码下次自动登录的例子
2014/11/06 PHP
php使用iconv中文截断问题的解决方法
2015/02/11 PHP
基于Codeigniter框架实现的student信息系统站点动态发布功能详解
2017/03/23 PHP
php并发加锁问题分析与设计代码实例讲解
2021/02/26 PHP
AlertBox 弹出层信息提示框效果实现步骤
2010/10/11 Javascript
jquery 关于event.target使用的几点说明介绍
2013/04/26 Javascript
js读取被点击次数的简单实例(从数据库中读取)
2014/03/07 Javascript
js中的json对象详细介绍
2014/10/29 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
一篇文章掌握RequireJS常用知识
2016/01/26 Javascript
JSON与String互转的实现方法(Javascript)
2016/09/27 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
2017/05/12 Javascript
js中的事件委托或是事件代理使用详解
2017/06/23 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
2018/05/08 Javascript
angular ng-model 无法获取值的处理方法
2018/10/02 Javascript
vue项目中仿element-ui弹框效果的实例代码
2019/04/22 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
一篇文章让你搞懂JavaScript 原型和原型链
2020/11/23 Javascript
js属性对象的hasOwnProperty方法的使用
2021/02/05 Javascript
Windows下安装python2.7及科学计算套装
2015/03/05 Python
Python的Django框架中消息通知的计数器实现教程
2016/06/13 Python
pygame加载中文名mp3文件出现error
2017/03/31 Python
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
Dr. Martens马汀博士德国官网:马丁靴鼻祖
2019/12/26 全球购物
电大物流学生的自我评价
2013/10/25 职场文书
大学生党员自我批评
2014/02/14 职场文书
大学信息公开实施方案
2014/03/09 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
学习党的群众路线实践活动思想汇报
2014/09/12 职场文书
小学运动会前导词
2015/07/20 职场文书
《合作意向书》怎么写?
2019/08/20 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS