c# gridview checkbox實現單選

標籤：gridview checkbox 單選

關於gridview添加checkbox後，如何使用js添加單選事件，其實代碼不是很難，不過當初也查了會資料，僅供記錄，高手繞道哈。。aspx中格式如下：

<div>    <table>        <td><asp:GridView ID="HumIdNmGridView">            <Columns>               <asp:TemplateField>                      <HeaderTemplate>                         <asp:Image ID="oImg" runat="server" ImageUrl="../../images/icon_sure.gif">                         </asp:Image> //表徵圖可以忽略                       </HeaderTemplate>                         <ItemTemplate>                             <asp:CheckBox ID="chkSelected" runat="server"                              onclick="SingleCheck(‘HumIdNmGridView‘,this)"></asp:CheckBox>                         </ItemTemplate>            </td>    </table></div>

下面是javascript：

var ClickCount = 0; //判斷同一checkbox連續點擊次數        var PreCheckboxId = ""; //記錄點擊checkbox的ID        //gridviewId 為傳入的gridview的Id        function SingleCheck(DivGridView, SelectCheckBox) {            //console.info(DivGridView);            //console.info(SelectCheckBox);            //判斷是否連續點擊同一個checkbox            if (PreCheckboxId == SelectCheckBox) {                ClickCount += 1;            } else {                PreCheckboxId = SelectCheckBox.id;                ClickCount = 0;            }            //找到包含checkbox的divId            var GridViewList = document.getElementById(DivGridView);            //擷取divId中的多有input            var objs = GridViewList.getElementsByTagName("input");            for (var i = 0; i < objs.length; i++) {                if (objs[i].type.toLowerCase() == "checkbox") {                    objs[i].checked = false;                }                var SelectCheckBoxId = SelectCheckBox.id;                //如果點擊的checkbox次數為奇數則checkbox為選中，反之不選中                if (ClickCount % 2 != 1) {                    document.getElementById(SelectCheckBoxId).checked = true;                } else {                    document.getElementById(SelectCheckBoxId).checked = false;                }            }        }

c# gridview checkbox實現單選