reset value using javascript

Question

Hi guys i want to reset(to old) the values of multiple text boxes when i click on check box. please help

wich value do you want to change? the value off the clicked input element? — Michel
– Michel, Commented Feb 1, 2011 at 8:38

user447356 · Accepted Answer · 2011-02-01 08:48:35Z

2

I guess you mean restore the original values of the textboxes? If so, here is the required code:

<script type="text/javascript">
function RestoreValues() {
   var arrInputs = document.getElementsByTagName("input");
   for (var i = 0; i < arrInputs.length; i++) {
       var oCurInput = arrInputs[i];
       if (oCurInput.type == "text")
           oCurInput.value = oCurInput.defaultValue;
   }
}
</script>

To restore the values just call the function, for example:

<button type="button" onclick="RestoreValues();">Restore</button>

Live test case: http://jsfiddle.net/yahavbr/Nakjv/2/

Edit: using defaultValue save lots of code. :)

answered Feb 1, 2011 at 8:48

user447356

Sign up to request clarification or add additional context in comments.

Comments

ingh.am · Accepted Answer · 2011-08-24 10:51:14Z

2

In Javascript you can restore a default value of an input field like this:

var myinput = document.getElementById("myinput");
myinput.value = myinput.defaultValue;

HTH

edited Aug 24, 2011 at 10:51

ingh.am

26.9k44 gold badges133 silver badges180 bronze badges

answered Feb 1, 2011 at 8:47

Spliffster

7,2592 gold badges27 silver badges21 bronze badges

4 Comments

user447356 Over a year ago

Forgot about defaultValue! :)

user447356 Over a year ago

@Joe yes there is and it's even cross browser. msdn.microsoft.com/en-us/library/ms533718(VS.85).aspx and developer.mozilla.org/En/XUL:Property:defaultValue

Joe Hanink Over a year ago

@Shadow\ Wizard - sweet. that is handy!

user447356 Over a year ago

@Joe yes indeed! BTW using @ you have to omit any spaces so if using the full name it's @ShadowWizard but first three letters are enough so @Sha will work as well. :)

Collectives™ on Stack Overflow

reset value using javascript

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related