• 清楚form表单数据的便捷jQuery之法


    有时候可能需要实现这样的效果:注册表单或者地址表单等填写多个记录之后,想要清除重新填写,如果一个个删除非常麻烦,因此这时清除按钮非常必须。接下来为您详细介绍两个自己经历的便捷方法,需要了解的朋友参考下:

    方法一:

    function clearForm(){

      $(':input', form).each(function(){

        var type=this.type;

        var tagName=this.tagName.toLowerCase();

        if(type=='text'||type=='password'||type=='textarea'){

          $(this).val("");

        }else if(type=='radio'||type=='checkbox'){

           this.checked = false;

          或者:$(this).prop(false);

        }else if(tag=='select'){

           this.selectedIndex = -1;

        }

         });

    }

    方法二:

    //在form表单中添加一个隐藏的reset按钮, 
    <input type="reset" style="display:none;" /> 
    //然后通过trigger来触发reset按钮 
    function subform(){ 
    /* ... 
    *提交表单的代码部分 
    * ... */ 
    $("input[type=reset]").trigger("click");//触发reset按钮 } 
  • 相关阅读:
    react 样式继承 属性传递
    react css-in-js
    react 利用高阶组件给页面加上动画
    react路由过渡动画效果
    REACT列表过度
    react 过渡动画组件
    VueJs之计算属性
    VueJs之判断与循环
    VusJs之入门
    MYSQL之数据报表
  • 原文地址:https://www.cnblogs.com/renxiaoren/p/4953101.html
Copyright © 2020-2023  润新知