如何使用JavaScript启用禁用带有复选框的多个文本框
[英]how to Enable Disable multiple textboxes with checkboxes using javascript
问题描述
我想让我的文本框禁用页面加载，并在选中coresponding复选框时启用它。.只有在coresponding复选框时文本框才启用。我该怎么做..以下是我的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>
2 个解决方案
解决方案1
0 2015-07-25 02:59:14
如果要从一开始就禁用输入，则输入应如下所示
<input type = "Text" name = "firstname" id="1" disabled="disabled" />
或者，如果要使用javascript禁用它，则必须在加载时执行它。 像这样：
window.onload = function() {
document.getElementById('1').disabled = true;
};
解决方案2
0 已采纳 2015-07-25 03:04:15
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"); }); });
<input type="checkbox" id="checkMe" /> <input type="text" id="mybox" />
您可以尝试使用事件执行每个过程。 页面加载完所有元素后，将框的属性设置为disabled 。 然后侦听单击复选框的另一个事件。 当该事件触发时，删除复选框的disabled状态。
如何使用jQuery禁用/启用radcombobox内部的多个复选框？
[英]how to disable/enable multiple checkboxes inside of a radcombobox using jquery?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.