Question

我想让我的文本框禁用页面的onload并在选中相应的复选框时启用它..文本框只会启用，如果相应的复选框..我可以这样做..我是我的HTML代码..i需要一个javascript来运行我想要的功能..

<html>
<head>

</head>
<body>

<form name="f1" action="showReceipt.php" method="POST">
<table >
<tr><td>Transaction ID <input type="text" name="txtID"> <?php echo date("m / d / Y");?></td></tr>
<tr><td><h2>Your Order:</h2></td></tr>
<tr><td><input  type="checkbox"  name="cbItem[]" value="Chicken Joy"> Chicken Joy (PhP 90.00)</td> <td>Quantity <input type="text" name="txtQty[Chicken Joy]"></td></tr>
<tr><td><input  type="checkbox" name="cbItem[]" value="Jolly Spaghetti"> Jolly Spaghetti (PhP 50.00)</td> <td>Quantity <input type="text"  name="txtQty[Jolly Spaghetti]"></td></tr>
<tr><td><input type="checkbox" name="cbItem[]" value="Yum Burger"> Yum Burger (PhP 29.00)</td> <td>Quantity <input type="text" name="txtQty[Yum Burger]"></td></tr>
<tr><td><input type="checkbox" name="cbItem[]" value="Jolly Twirls"> Jolly Twirls (PhP 25.00)</td> <td>Quantity <input type="text" name="txtQty[Jolly Twirls]"></td></tr>
<tr><td><input type="checkbox" name="cbItem[]" value="Big Champ"> Big Champ (PhP 120.00)</td> <td>Quantity <input type="text" name="txtQty[Big Champ]"></td></tr>
<tr><td>Amount Given: <input type="text" name="txtAmount"></td> <td><input type="submit" name="btnGen" value="Generate Receipt">  <input type="reset" value="Clear">


</table>
</form>


</body>
</html>

Answer 1

如果要从开始时禁用输入，则输入应如下所示

<input type = "Text" name = "firstname" id="1" disabled="disabled" />

或者如果你想用javascript禁用它，你必须在加载时执行它。像这样：

window.onload = function() {
   document.getElementById('1').disabled = true;
};

Answer 2

＆＃13;

static void Main(string[] args)
  {
  byte[,] a = new byte[100000, 100000];
  for(int i=0;i<100000;i++)
        {
            for(int j=0;j<100000; i++)
            {
                Console.Write(0+" ");
            }
        }
    }

＆＃13;

document.addEventListener("DOMContentLoaded", function(event) {
  var textbox = document.getElementById("mybox");

  textbox.setAttribute("disabled", "disabled");

  document.getElementById("checkMe").addEventListener("click", function(event) {
    var textbox = document.getElementById("mybox");
    textbox.removeAttribute("disabled");
  });
});

＆＃13;

您可以尝试使用Events执行每个进程。页面加载完所有元素后，将框的属性设置为<input type="checkbox" id="checkMe" /> <input type="text" id="mybox" />。然后听另一个点击复选框的事件。当该事件触发时，请移除复选框的disabled状态。

如何启用使用javascript禁用多个带有复选框的文本框

2 个答案: