<form method="post" action="/station">
<p>
<table>
<tr><th>WiFi Mode:</th><td>AP</td>
<td><label class="switch">
  <input id="mode" type="checkbox" onchange="wifiMode(this);">
  <span class="slider"></span>
</label></td>
<td>Client</td></tr>
<tr><th>DHCP:</th><td>Off</td>
<td><label class="switch">
  <input id="dhcp" type="checkbox">
  <span class="slider"></span>
</label></td>
<td>On</td></tr>
<tr><th>ESSID:</th><td colspan=3><input id="essid" value="undefined"></input></td></tr>
<tr><th>Passkey:</th><td colspan=3><input id="pword" type="password" value=""></input></td></tr>
<tr><th>IP address:</th><td colspan=3>
<input class="ip" id="addr[0]" value="0">.</input>
<input class="ip" id="addr[1]" value="0">.</input>
<input class="ip" id="addr[2]" value="0">.</input>
<input class="ip" id="addr[3]" value="0"></input>
</td></tr>
<tr><th>IP gateway:</th><td colspan=3>
<input class="ip" id="gate[0]" value="0">.</input>
<input class="ip" id="gate[1]" value="0">.</input>
<input class="ip" id="gate[2]" value="0">.</input>
<input class="ip" id="gate[3]" value="0"></input>
</td></tr>
<tr><th>IP netmask:</th><td colspan=3>
<input class="ip" id="mask[0]" value="255">.</input>
<input class="ip" id="mask[1]" value="255">.</input>
<input class="ip" id="mask[2]" value="255">.</input>
<input class="ip" id="mask[3]" value="0"></input>
</td></tr>
</table>
</p>
<input type=submit style="position: relative; left: 236px; display: block;" value="Apply"/>
</form>


function wifiMode(mode){
alert("Got here!");
  var gate = document.getElementById('gate[]');
alert(gate);
  var mask = document.getElementById('mask[]');
alert(mask);
  if (mode.checked){
alert("Checked.");
alert(mask[0].value);
    gate.enabled = true;
	mask.enabled = true;
  }else{
alert("Unchecked.");
    gate[1].enabled = false;
	mask[1].enabled = false;
  }

}