编程 Javascript

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>

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript模拟的Ping效果代码（Web Ping）

Mar 13 Javascript

js浮动图片的动态效果

Jul 10 Javascript

javascript修改表格背景色实例代码分享

Dec 10 Javascript

JQuery给网页更换皮肤的方法

May 30 Javascript

基于d3.js实现实时刷新的折线图

Aug 03 Javascript

JavaScript中三种常见的排序方法

Feb 24 Javascript

Angular实现双向折叠列表组件的示例代码

Nov 21 Javascript

AngularJs 禁止模板缓存的方法

Nov 28 Javascript

详解vue静态资源打包中的坑与解决方案

Feb 05 Javascript

vuex根据不同的用户权限展示不同的路由列表功能

Sep 20 Javascript

基于javascript处理nginx请求过程详解

Jul 07 Javascript

js在HTML的三种引用方式详解

Aug 29 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