javascript代码实例教程-select,radio 回显不推荐使用jquery初始化

发布时间:2019-04-06 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-select,radio 回显不推荐使用jquery初始化脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

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

注意事项

[htML]
<html>&nbsp;
 <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> 

<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代码


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

<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页面进行逻辑判断


[html]
<!-- 推荐使用如下代码 --> 
<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> 

<!-- 推荐使用如下代码 -->
<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>

 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-select,radio 回显不推荐使用jquery初始化全部内容,希望文章能够帮你解决javascript代码实例教程-select,radio 回显不推荐使用jquery初始化所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。