实现checkboxlist只选择一项

在开发过程中碰到一个需求：可选可不选，最多选一项。虽然radiobuttonlist一次只能选一项，但是它的问题是如果选了其中一项，那么就去不掉了，因此考虑采用checkboxlist实现。

 

实现方式：每个checkboxlist的item add上onclick属性，然后前端js实现这个click函数。

.aspx代码：

<table width="100%" border="0"> <tr> <td> 短信包：<asp:CheckBoxList ID="rbl_dx" runat="server" Width="100%" CssClass="gridview"> <asp:ListItem Value="101">短信包5元包60条（资费：5元/月）</asp:ListItem> <asp:ListItem Value="102">短信包10元包125条（资费：10元/月）</asp:ListItem> <asp:ListItem Value="103">短信包20元包300条（资费：20元/月）</asp:ListItem> </asp:CheckBoxList> </td> </tr> </table>

 

.aspx.cs代码：

protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { for (int i = 0; i < rbl_dx.Items.Count; i++) rbl_dx.Items[i].Attributes.Add("onclick", "Check_Cbl('" + rbl_dx.ClientID + "',this);"); } }

 

js代码：（需要引用jquery.js）

function Check_Cbl(tname, obj) { var trs = $("tr", "#" + tname); trs.each(function () { if ($(this).find("input").attr("id") != obj.id) { $(this).find("input").removeAttr("checked"); } }); }