2

当用户单击 ASP.NET 中的提交按钮时，我想禁用选中复选框。我可以使用按钮的 onclick 事件使用 JavaScript 禁用复选框。复选框位于中继器中。当通过单击提交按钮提交表单时，在代码隐藏按钮单击代码中，没有一个复选框显示为选中状态。如何在单击提交按钮时禁用选中的复选框，并且在提交页面时仍然看到复选框被选中？有解决办法吗？我的偏好是在 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;
        }
    }
}
4

1 回答 1

2

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

顺便说一句，这正是未选中复选框所发生的情况。提交表单时，禁用的选中复选框将完全按照启用的未选中复选框进行处理。

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

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

于 2012-06-16T05:12:21.603 回答