Question

我有一个复选框，一个下拉列表和一个文本框。我想在取消选中复选框时禁用下拉菜单和文本框。以下是我的看法 -

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<%Html.CheckBox("chkCheckMe", new { enabled = Convert.ToBoolean(ViewData["ShowFlag"])}); %>>
<%Html.DropDownList("ddlModes", new SelectList(new string[]{"Auto", "Manual"}), new { enabled = Convert.ToBoolean(ViewData["ShowFlag"])}); %>
<%Html.TextBox("txtSample", new {enabled = Convert.ToBoolean(ViewData["ShowFlag"]) }); %>>
</asp:Content>

我可以使用脚本吗？

谢谢，卡皮尔

Answer 1

这应该让你入门

<script type="text/javascript">
    window.onload = function() {
        var c = document.getElementById("yourCheckboxID");
        c.onclick = toggleElements;
    }
    function toggleElements() {
        var c = document.getElementById("yourCheckboxID");
        var d = document.getElementById("yourDropDownID");
        var t = document.getElementById("yourTextBoxID");
        d.disabled = t.disabled = c.checked;
    }
</script>

取消选中复选框时禁用元素

1 个答案: