使用 Javascript 启用和禁用输入字段
[英]Enable and Disable input field using Javascript
问题描述
我编写了一些简单的代码，可以在单击按钮时启用和禁用输入字段，但它没有响应。 请帮我...！！！
<html>
<head>
<script type="text/javascript">
function toggleEnable(el1, el2) {
document.getElementByID(el1).disabled = true;
document.getElementByID(el2).disabled = true;
}
</script>
</head>
<body>
<form>
<table>
<tr>
<td><input id="input1" class="myText" type="text" placeholder="Row 1" /></td>
<td><input id="input2" class="myText" type="text" placeholder="Row 1" /></td>
<td><button onclick="toggleEnable('input1','input2')"> Enable/Disable </button></td>
</tr>
<tr>
<td><input id="input3" class="myText" type="text" placeholder="Row 3" /></td>
<td><input id="input4" class="myText" type="text" placeholder="Row 4" /></td>
<td><button onclick="toggleEnable('input3','input4')"> Enable/Disable </button></td>
</tr>
</table>
</form>
</body>
</html>
3 个解决方案
解决方案1
4 已采纳 2014-12-28 15:08:54
您的按钮正在提交表单，要不提交表单，您必须使用type="button"按钮，而且您拼写错误getElementByID它的getElementById
<form>
<table>
<tr>
<td><input id="input1" class="myText" type="text" placeholder="Row 1" /></td>
<td><input id="input2" class="myText" type="text" placeholder="Row 1" /></td>
<td><button type="button" onclick="toggleEnable('input1','input2')"> Enable/Disable </button></td>
</tr>
<tr>
<td><input id="input3" class="myText" type="text" placeholder="Row 3" /></td>
<td><input id="input4" class="myText" type="text" placeholder="Row 4" /></td>
<td><button type="button" onclick="toggleEnable('input3','input4')"> Enable/Disable </button></td>
</tr>
</table>
</form>
function toggleEnable(el1, el2) {
document.getElementById(el1).disabled = true;
document.getElementById(el2).disabled = true;
}
解决方案2
0 2020-12-08 13:28:25
function toggleEnable(id) { var textbox = document.getElementById(id); if (textbox.disabled) { // If disabled, do this document.getElementById(id).disabled = false; } else { // Enter code here document.getElementById(id).disabled = true; } }
<form> <table> <tr> <td><input id="input1" class="myText" type="text" placeholder="Row 1" /></td> <td><button type="button" onclick="toggleEnable('input1')"> Enable/Disable </button></td> </tr> <tr> <td><input id="input2" class="myText" type="text" placeholder="Row 2" /></td> <td><button type="button" onclick="toggleEnable('input2')"> Enable/Disable </button></td> </tr> </table> </form>
解决方案3
0 2022-07-12 00:14:00
function toggleEnable(el1, el2) { var textbox = document.getElementById(el1, el2); if (textbox.disabled) { // If disabled, do this document.getElementById(el1).disabled = false; document.getElementById(el2).disabled = false; } else { // Enter code here document.getElementById(el1).disabled = true; document.getElementById(el2).disabled = true; } } <form> <table> <tr> <td><input id="input1" class="myText" type="text" placeholder="Row 1" /></td> <td><input id="input2" class="myText" type="text" placeholder="Row 2" /></td> <td><button type="button" onclick="toggleEnable('input1','input2')"> Enable/Disable </button></td> </tr> <tr> <td><input id="input3" class="myText" type="text" placeholder="Row 3" /></td> <td><input id="input4" class="myText" type="text" placeholder="Row 4" /></td> <td><button type="button" onclick="toggleEnable('input3','input4')"> Enable/Disable </button></td> </tr> </table> </form>
Javascript根据选择其他字段禁用/启用输入字段
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.