启用/禁用基于CheckBox的asp：TextBox控件。

Question

我需要根据复选框启用/禁用asp.TextBox / Input。 如果CheckBox.Checked = true，则需要启用asp.TextBox / Input；如果CheckBox.Checked = false，则需要禁用asp.TextBox / Input。

下面是我拥有的代码，但仅在第一次单击时有效，这意味着如果我选中该复选框，它将启用asp.TextBox / Input，但是如果我取消选中它，则将不会禁用asp.TextBox / Input。

另外，默认情况下，在Page_Load上禁用asp.TextBox / Input。

//If checked it should enable the input.
//If unchecked it should disable the input.
If Port is Required?<label class="checkbox">
                        <input type="checkbox" id="isportreqinput" name="isportreqinput" runat="server" onclick="fncport(this.form.isportreqinput, this.form.porttxt);"  />
                        <span class="metro-checkbox">Check Me</span>
                    </label>

//This is the input I need to disable/enable depending on the checkbox
<input type="text" name="porttxt" id="porttxt" runat="server" disabled="disabled" />

    <script type="text/javascript">
        function fncport(control, objname) {

            if (control.checked == true) {
                objname.disabled = false;
            }
            if (control.cheched == false) {
                objname.disabled = true
            }
        }
    </script>

Answer 1

this.form.isportreqinput是从HTML内部获取对isportreqinput复选框的引用的有效方法。 this实际上是对复选框的引用。

如果您需要传递复选框的ID并输入到函数中，请以文本形式传递它们并使用document.getElementById()

<label class="checkbox">
    <input type="checkbox" id="isportreqinput" name="isportreqinput" runat="server"    
        onclick="fncport('isportreqinput', 'porttxt');"  />
    <span class="metro-checkbox">Check Me</span>
</label>

<input type="text" name="porttxt" id="porttxt" runat="server" disabled="disabled" />

另外，您在第二个if语句中拼写了checked 。 您甚至都不需要if语句，只需将禁用值设置为与检查值相反的值即可。

    function fncport(controlid, objnameid) {
        var control = document.getElementById(controlid);
        var objname = document.getElementById(objnameid);

        objname.disabled = !control.checked;
    }

Answer 2

不知道是粘贴代码还是复制代码。 但是存在一些语法问题：

 if (control.cheched == false) {
            objname.disabled = true
 }

应该：

 if (control.checked == false) {
            objname.disabled = true;
 }