现在的位置: 首页 > 综合 > 正文

jquery 清除表单数据 clear from data

2013年10月11日 ⁄ 综合 ⁄ 共 1138字 ⁄ 字号 评论关闭

由于项目中大部分列表搜索的时候都要有所搜条件的清除按钮,之前的做法是获得表单项 单个进行赋值为‘’:

  1. function toClear(){  
  2.             $('#orderNoId').attr("value",'');  
  3.             $('#startOrderTimeId').attr("value",'');  
  4.             $('#endOrderTimeId').attr("value",'');  
  5.         }  

于是想到封装一个可以共用的代码 用jquery 实现 代码如下:

  1. function clearForm(objE){//objE为form表单  
  2.             $(objE).find(':input').each(  
  3.                 function(){  
  4.                     switch(this.type){  
  5.                         case 'passsword':  
  6.                         case 'select-multiple':  
  7.                         case 'select-one':  
  8.                         case 'text':  
  9.                         case 'textarea':  
  10.                             $(this).val('');  
  11.                             break;  
  12.                         case 'checkbox':  
  13.                         case 'radio':  
  14.                             this.checked = false;  
  15.                     }  
  16.                 }     
  17.             );  
  18.         }  

调用的时候这样:

  1. <form action="findGoodScore.action" method="post">  
  2. <input type="button" value="清空" onclick="clearForm(this.form)"/>  
  3.  </form> 

【上篇】
【下篇】

抱歉!评论已关闭.