title: Lock/unlock form with toggle
body: <p>I'm looking for a way to have a button toggeling the field of my form. When "locking" the form with the toggle button no data can be typed. When "unlocking" data should be allowed to be typed. What I want to achieve with this is simple avoiding users to accidentally type.</p>
  
  <p>I found the code below and it works. Only problem is that it only applies to one input field. I want it to work on more that one.</p>
  
  <pre><code>&lt;input type="checkbox" id="yourBox"&gt;
  &lt;input type="text" id="yourText"&gt;
  &lt;script&gt;
  document.getElementById('yourBox').onchange = function() {
      document.getElementById('yourText').disabled = this.checked;
  };
  &lt;/script&gt;
  </code></pre>