select，radio 表单回显避免使用jquery载入赋值

浏览数：33 / 时间：2015年06月09日

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载入赋值,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

select，radio 表单回显避免使用jquery载入赋值