function singleSelect(obj,dlistName)
{
var elem = obj.form.elements;
var datalistName = dlistName;
for(var i = 0; i < elem.length; i++)
{
if(elem[i].type == "radio" && elem[i].id != obj.id && obj.name.substr(48).substring(0,elem[i].name.indexOf('$')+1) == datalistName)
{
elem[i].checked = false; //把不是触发click事件的radio状态设置为未选
}
}
}
服务器脚本:
<asp:DataList ID="dlData" DataKeyField="WebsiteID" runat="server" RepeatLayout="Flow">
<ItemTemplate>
<asp:RadioButton ID=” rbtnSelected” runat=”server” onclick=”javascript:singleSelect(this,’ dlData’);” />
</ItemTemplate>
</asp:DataList>

本文介绍了一种使用JavaScript实现的单选按钮控制方法,确保同一数据列表中只能选择一个选项。通过监听单选按钮的点击事件并取消其它具有相同数据列表名称的单选按钮的选择状态,实现了该功能。

被折叠的 条评论
为什么被折叠?



