asp.net中dategrid添加復選框checkbox並實現單選，同時點擊復選框觸發事件。

概述：在asp.net中的使用dategrid，在dategrid中添加復選框並實現復選框checkbox的單選功能，在選擇的過程中，通過點擊復選框能夠觸發事件，比如，點擊復選框checkbox時，在textbox中顯示選中的值等等。

功能一：復選框checkbox單選：

借助js實現。

步驟一：添加復選框checkbox列；

<asp:TemplateColumn>
<ItemTemplate>
<asp:CheckBox ID="chkSelect"  runat="server">
</asp:CheckBox>
</ItemTemplate> 
</asp:TemplateColumn>

 

 

步驟二：將如下js代碼放到前台界面；

<script language="javascript" type="text/javascript">
        function SetCheckBoxState() {//復選框單選
            var dom = document.all;
            var el = event.srcElement;
            if (el.tagName == "INPUT" && el.type.toLowerCase() == "checkbox") {
                for (i = 0; i < dom.length; i++) {
                    if (dom[i].tagName == "INPUT" && dom[i].type.toLowerCase() == "checkbox") {
                        dom[i].checked = false;
                    }
                }
            }
            el.checked = !el.checked;
        }
    </script>

步驟三：
在ItemDataBound事件中將js方法添加到復選框checkbox上；

 protected void gridPlan_ItemDataBound(object sender, DataGridItemEventArgs e)
{
            CheckBox chkSelect;
            chkSelect = (CheckBox)e.Item.FindControl("chkSelect");
            chkSelect.Attributes.Add("OnClick", "SetCheckBoxState()");
}

通過上述三步，即可實現復選框checkbox的單選功能。

功能二：單選框checkbox事件：

步驟一：在前台checkbox中添加如下代碼：

就是添加AutoPostBack="True" OnCheckedChanged="TranChecked"兩個屬性。

<asp:CheckBox ID="chkSelect" AutoPostBack="True" OnCheckedChanged="TranChecked" runat="server"></asp:CheckBox></ItemTemplate>

在后台添加如下代碼：

protected void TranChecked(object sender, EventArgs e)
        {
                        。。。想要實現的功能

         }

通過上述兩步即可實現復選框checkbox事件。

以上功能，是本人在工作中需要實現的功能，通過不斷的嘗試最終成功實現，如果你有更好的方法或者我的實現存在問題，歡迎指教！