利用Repeater实现JavaScript RadioButton的单选功能

在Web开发中，Repeater控件通常用于动态生成列表或表格，它可以根据数据源中的数据动态渲染多个相同的UI元素。本文主要探讨如何利用Repeater控件配合JavaScript实现RadioButton单选功能。当页面上存在多个具有相同前缀（如"psong.*RadioButton1"）的RadioButton时，我们需要确保每次只能有一个被选中。 首先，定义了一个名为`SetUniqueRadioButton`的JavaScript函数，该函数接受两个参数：一个正则表达式`nameregex`和当前选中的RadioButton对象`current`。这个函数的目的是遍历表单中的所有RadioButton元素，检查其name属性是否匹配传入的正则表达式。如果匹配，就将该RadioButton的`checked`属性设置为`false`，使其取消选中状态。最后，将`current`设置为选中状态，以保持单选的效果。 在C#代码部分，`Repeater1_ItemDataBound`事件处理器是关键所在。当Repeater的ItemDataBound事件触发时，它会检查当前Item是否为Item类型或AlternatingItem类型，然后找到对应的RadioButton（假设其ID为"RadioButton1"）。接下来，通过创建一个字符串`script`，将JavaScript函数调用和当前Repeater项关联起来，赋值给RadioButton的`onclick`属性。这样，当用户点击该RadioButton时，就会执行`SetUniqueRadioButton`函数，确保所有其他同名的RadioButton会被取消选中，而当前项的RadioButton则被选中，实现了单选的效果。 总结来说，这篇文章展示了如何利用ASP.NET的Repeater控件和JavaScript动态管理RadioButton的单选状态，通过在服务器端和客户端的配合，有效地实现了多选中的场景下的单选功能。这种方法可以方便地处理大量重复的单选元素，并且提高了用户体验，避免了用户同时选择多个选项的问题。