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;

}

}

}

}