c# gridview checkbox实现单选
关于gridview添加checkbox后,如何使用js添加单选事件,其实代码不是很难,不过当初也查了会资料,仅供记录,高手绕道哈。。aspx中格式如下:
<div><table><td><asp:GridViewID="HumIdNmGridView"><Columns><asp:TemplateField><HeaderTemplate><asp:ImageID="oImg"runat="server"ImageUrl="../../p_w_picpaths/icon_sure.gif"></asp:Image>//图标可以忽略</HeaderTemplate><ItemTemplate><asp:CheckBoxID="chkSelected"runat="server"onclick="SingleCheck('HumIdNmGridView',this)"></asp:CheckBox></ItemTemplate></td></table></div>
下面是javascript:
varClickCount=0;//判断同一checkbox连续点击次数varPreCheckboxId="";//记录点击checkbox的ID//gridviewId为传入的gridview的IdfunctionSingleCheck(DivGridView,SelectCheckBox){//console.info(DivGridView);//console.info(SelectCheckBox);//判断是否连续点击同一个checkboxif(PreCheckboxId==SelectCheckBox){ClickCount+=1;}else{PreCheckboxId=SelectCheckBox.id;ClickCount=0;}//找到包含checkbox的divIdvarGridViewList=document.getElementById(DivGridView);//获取divId中的多有inputvarobjs=GridViewList.getElementsByTagName("input");for(vari=0;i<objs.length;i++){if(objs[i].type.toLowerCase()=="checkbox"){objs[i].checked=false;}varSelectCheckBoxId=SelectCheckBox.id;//如果点击的checkbox次数为奇数则checkbox为选中,反之不选中if(ClickCount%2!=1){document.getElementById(SelectCheckBoxId).checked=true;}else{document.getElementById(SelectCheckBoxId).checked=false;}}}
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。