javascript实现GridView模版列中CheckBox的值的选择性选择

 

在页面中，用javascript实现选择考试时不能报考相同类别的考试，如果选择了，在选中CheckBox时弹出提示

GridView的id=gvBmxmlb，考试类别是在GridView的第三列，CheckBox在第一列

页面：

<HeaderTemplate >请选择</HeaderTemplate>
                       <ItemTemplate>                       
                           <asp:CheckBox ID="chkBox1" runat="server"  OnClick="IsSelect(this);"/>
                       </ItemTemplate>
                       <ItemStyle HorizontalAlign="Center" CssClass= textlabel" Width="45px" />
                       <HeaderStyle HorizontalAlign="Center" CssClass="gvtitle" Width="45px" />
                   </asp:TemplateField>
                    <asp:TemplateField HeaderText="考试名称">
                    <ItemTemplate >
                       <a id="A1" href= "#"  onclick='javascript:showDetail(<%#DataBinder.Eval(Container.DataItem, "id")%>);' ><font style=" text-decoration: underline;"><asp:label id= "laid" runat= "server"  Text= '<%#Bind("examName")%>' Width="120px"> </asp:label></font> </a>
                    </ItemTemplate>
                       <ItemStyle CssClass= textlabel" HorizontalAlign="Center" Width="120px" />
                       <HeaderStyle CssClass="gvtitle" HorizontalAlign="Center" Width="120px" />
                   </asp:TemplateField>
                   <asp:BoundField HeaderText="考试类别" DataField="examCategory" >  
                       <ItemStyle CssClass="textlabel" HorizontalAlign="Center" Width="80px" />
                       <HeaderStyle CssClass="gvtitle" HorizontalAlign="Center" Width="80px" />
                   </asp:BoundField>

客户端事件

//判断是否选择了相同类别的考试
function IsSelect(cbx)
   {
     var ExamCategory=cbx.parentNode.parentNode.cells[2].innerText;
     var gv=$get('<%= gvBmxmlb.ClientID %>');
      for(i=1;i<gv.rows.length;i++) 
     {
       var cb=gv.rows(i).cells(0).children(0);
       if(cb.checked)
       {
         if(ExamCategory==cb.parentNode.parentNode.cells[2].innerText&&cbx.parentNode.parentNode.rowIndex!=cb.parentNode.parentNode.rowIndex)
         {
           alert("不能选择相同类别的考试!");
           cbx.checked=false;
         }
       }
     }
   }