Puedes hacerlo así: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> window.onload = function() { var cbxCheck=document.getElementById('checkbox1'); var bolChecked= cbxCheck.checked; var ibxText=document.getElementById('text'); ibxText.disabled=bolChecked; cbxCheck.onchange = function() { bolChecked=this.checked; ibxText.disabled = bolChecked; }; }; <!-- language: lang-html --> <tr> <td colspan="3">Ubicación de placa cauterio:</td> <td colspan="6"><input type="text" size="20" id="text" name="text" value="<%=text%>" class="11" /></td> <td><input type="checkbox" id="checkbox1" name="checkbox1" value="3" class="checkiop" checked /></td> </tr> <!-- end snippet --> *** Y lo contrario sería: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> window.onload = function() { var cbxCheck=document.getElementById('checkbox1'); var bolChecked= cbxCheck.checked; var ibxText=document.getElementById('text'); ibxText.disabled = !bolChecked; cbxCheck.onchange = function() { bolChecked=this.checked; ibxText.disabled = !bolChecked; }; }; <!-- language: lang-html --> <tr> <td colspan="3">Ubicación de placa cauterio:</td> <td colspan="6"><input type="text" size="20" id="text" name="text" value="<%=text%>" class="11" disabled /></td> <td><input type="checkbox" id="checkbox1" name="checkbox1" value="3" class="checkiop" /></td> </tr> <!-- end snippet -->