DataList中CheckBox实现单选
2008-02-04 21:38
246 查看
JS脚本:
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;
}
前台代码:
<asp:DataList ID="dlRoleList" runat="server" RepeatColumns="3" Width="100%" DataKeyField="RoleID" OnItemDataBound="dlRoleList_ItemDataBound">
<ItemTemplate>
<asp:CheckBox ID="cbRoles" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"RoleName") %>' />
</ItemTemplate>
</asp:DataList>
后台代码实现:
protected void dlRoleList_ItemDataBound(object sender, DataListItemEventArgs e)
{
if(e.Item.ItemIndex<0)
return;
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
System.Web.UI.WebControls.CheckBox chkExport;
chkExport = (CheckBox)e.Item.FindControl("cbRoles");
chkExport.Attributes.Add("OnClick","SetCheckBoxState()");
}
}
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;
}
前台代码:
<asp:DataList ID="dlRoleList" runat="server" RepeatColumns="3" Width="100%" DataKeyField="RoleID" OnItemDataBound="dlRoleList_ItemDataBound">
<ItemTemplate>
<asp:CheckBox ID="cbRoles" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"RoleName") %>' />
</ItemTemplate>
</asp:DataList>
后台代码实现:
protected void dlRoleList_ItemDataBound(object sender, DataListItemEventArgs e)
{
if(e.Item.ItemIndex<0)
return;
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
System.Web.UI.WebControls.CheckBox chkExport;
chkExport = (CheckBox)e.Item.FindControl("cbRoles");
chkExport.Attributes.Add("OnClick","SetCheckBoxState()");
}
}
相关文章推荐
- 知识点 - DataList中CheckBox实现单选
- CheckBoxList 实现单选
- js实现datalist中checkbox全选或取消
- Android实现多CheckBox单选
- 自定义ListView item包含checkbox实现单选和多选
- js控制treeview中的checkbox实现单选功能
- Android在listview添加checkbox实现单选多选操作问题
- ASP.NET js控制treeview中的checkbox实现单选功能
- Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行
- 一步一步地实现菜单栏(JMenuBar)工具栏(JPopupMenu)组合框(JComboBox)复选框(JCheckBox)单选按钮(JRadioButton)文本域的综合应用(二)
- Android在listview添加checkbox实现单选多选操作问题
- 让 ClistCtrl中 的 CheckBox 实现 单选
- 使用angular如何实现让checkbox单选,只能选择一个呢?
- android开发之listview中放入checkbox实现单选
- checkbox 实现单选
- DataGrid中加入CheckBox,并实现单选
- 使用JavaScript实现CheckBoxList单选两种方法
- RecyclerView使用,item实现全选,反选,单选,计算checkbox选中的个数
- ASP.NET DEMO 12 : CheckBoxList 实现单选【转】
- 在.net中用CheckBoxList实现单选