Question

当用户单击ASP.NET中的“提交”按钮时，我想禁用“已选中”复选框。我可以使用按钮的onclick事件使用JavaScript禁用复选框。复选框位于Repeater中。单击“提交”按钮提交表单后，没有任何复选框在代码隐藏按钮单击代码中显示为已选中。如何在单击提交按钮时禁用“已选中”复选框，并在页面提交时仍然看到复选框已选中？有工作吗？我倾向于在JavaScript中执行此操作，但我也愿意使用jQuery。

function disableCheckboxes() {
    for (var count = 0; i < document.forms[0].elements.length; i++) 
    {
        if (document.forms[0].elements[count].type == 'checkbox')
        {
            document.forms[0].elements[count].disabled = true;
        }
    }
}
 <form id="form1" runat="server">
<div>
    <table>

        <asp:Repeater ID="rptCustomer" runat="server" OnItemDataBound="DisplayCustomerRepeater_ItemDataBound">
            <ItemTemplate>
                <tr>
                    <td>
                        <asp:CheckBox ID="checkSubscription" runat="server" />
                    </td>
                    <td>
                        <%# ((Customer)Container.DataItem).FirstName + " " + ((Customer)Container.DataItem).LastName%>
                    </td>
                </tr>
                <tr>
                    <td>
                        <hr />
                    </td>
                </tr>
            </ItemTemplate>
        </asp:Repeater>
    </table>
</div>
<div>
    <asp:Button ID="btnSubmit" OnClick="btnSubmit_Click"
        Text="Submit" runat="server" /></div>
</form>

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        rptCustomer.DataSource = customers;
        rptCustomer.DataBind();
    }

    btnSubmit.Attributes.Add("onclick", String.Concat("this.disabled=true;disableCheckboxes();", ClientScript.GetPostBackEventReference(btnSubmit, "")));
}
protected void DisplayCustomerRepeater_ItemDataBound(object sender, System.Web.UI.WebControls.RepeaterItemEventArgs e)
{
    ListItemType lt = e.Item.ItemType;
    if (lt == ListItemType.Item || lt == ListItemType.AlternatingItem)
    {
        Customer customer = e.Item.DataItem as Customer;
        if (customer != null)
        {
            CheckBox chkCustomer = e.Item.FindControl("checkSubscription") as CheckBox;
            if (chkCustomer != null)
            {
                if (customer.IsEligible)
                {
                    chkCustomer.Checked = true;
                }
            }
        }
    }
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
    bool isChecked = false;

    foreach (RepeaterItem item in rptCustomer.Items)
    {
        CheckBox selectedCheckBox = (CheckBox)item.FindControl("checkSubscription");
        if (selectedCheckBox.Checked)
        {
            isChecked = true;
        }
    }
}

Answer 1

提交表单时，浏览器根本不会发送已禁用的表单元素。

顺便说一下，这也是未经检查的复选框所发生的情况。在提交表单时，已禁用的已选中复选框将完全作为已启用的未选中复选框进行处理。

因此，如果您在提交表单之前禁用所有复选框，则会在回发时取消选中相应的服务器端复选框控件。

作为一种解决方法，您需要将每个文本框的状态复制到其他控件中，然后再将其重置为未选中状态。然后您可以使用其他字段来检查代码中的状态。

单击“提交”按钮时，在Repeater中禁用“已选中”复选框

1 个答案: