Script to enable/disable input elements?

Question

I'm wondering if it's possible for a script to enable/disable all input elements on the page with some sort of toggle button.

I googled it but didn't find anything too useful except for this:

http://www.codetoad.com/javascript/enable_disable_form_element.asp but I'm not sure how to edit it for the toggle.

Answer 1

Something like this would work:

var inputs=document.getElementsByTagName('input'); for(i=0;i<inputs.length;i++){     inputs[i].disabled=true; }    

Answer 2

A working example:

$().ready(function() {          $('#clicker').click(function() {          $('input').each(function() {              if ($(this).attr('disabled')) {                  $(this).removeAttr('disabled');              }              else {                  $(this).attr({                      'disabled': 'disabled'                  });              }          });      });  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>  <input type='text'></input>  <input type='text'></input>  <input type='text'></input>      <div id='clicker' style='background-color:#FF0000; height:40px; width:100px;'></div>