Javascript 单选按钮组在数据列表中不工作

我必须在数据列表中使用asp单选按钮，当单击“组名”属性时，它会选择所有单选按钮。该属性似乎不在数据列表中工作。到目前为止，我有一个javascript函数，它取消选择页面上的所有单选按钮，然后选择单击的单选按钮。但是，当这个脚本第一次执行时，它会选择数据列表中的最后一个单选按钮，第二次从数据列表单击单选按钮时，它会选择正确的单选按钮并取消选择所有其他单选按钮。它还取消选择数据列表之外的其他单选按钮。我只想取消选择数据列表中的单选按钮。以及为什么第一次选择datalist中的最后一个单选按钮。任何帮助都将是非常感激的

                            function fnrad(rbtn) {
                            var radioList = document.getElementsByTagName("input");

                            for (var i = 0; i < radioList.length; i++) {

                                if (radioList[i].type == "radio") {
                                    radioList[i].name = 'a';
                                    radioList[i].setAttribute("Checked", "");

                                }
                            }

                            rbtn.setAttribute("Checked", "checked");
                        }

功能fnrad（rbtn）{
var radioList=document.getElementsByTagName（“输入”）；
对于（变量i=0；i

数据列表标记

<asp:DataList runat="server" ID="dtImages" RepeatColumns="5" OnItemDataBound="dtImages_ItemDataBound">
                        <ItemTemplate>
                            <table>
                                <tr>
                                    <td style="height: 150px; vertical-align: middle;">
                                        <img src='<%#"../CreateThumbnail.aspx?image=images/searchbox/" + BindImage(Container.DataItem.ToString()) + "&size=200" %>' />

                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <asp:RadioButton runat="server" onclick='fnrad(this);' GroupName="a" ID="rd" Text=<%# BindImage(Container.DataItem.ToString()) %> />
                                    </td>
                                </tr>
                            </table>
                        </ItemTemplate>
                    </asp:DataList>

' />

当您选择表单的所有输入元素时，这就是为什么它也选择外部无线电

更改JS函数如下，选择器更改为选择id以dtImages\u rd开头的元素：

function fnrad(rbtn) {
     var radioList = document.querySelectorAll('[id^="dtImages_rd"]');
     for (var i = 0; i < radioList.length; i++) {
       if (radioList[i].type == "radio") {
            radioList[i].name = 'a';
            radioList[i].removeAttribute("Checked");
          }
       }
       rbtn.setAttribute("Checked", "checked");
 }

功能fnrad（rbtn）{
var radioList=document.querySelectorAll（'[id^=“dtImages\u rd”]'）；
对于（变量i=0；i

当您选择表单的所有输入元素时，这就是为什么它也选择外部无线电

更改JS函数如下，选择器更改为选择id以dtImages\u rd开头的元素：

function fnrad(rbtn) {
     var radioList = document.querySelectorAll('[id^="dtImages_rd"]');
     for (var i = 0; i < radioList.length; i++) {
       if (radioList[i].type == "radio") {
            radioList[i].name = 'a';
            radioList[i].removeAttribute("Checked");
          }
       }
       rbtn.setAttribute("Checked", "checked");
 }

功能fnrad（rbtn）{
var radioList=document.querySelectorAll（'[id^=“dtImages\u rd”]'）；
对于（变量i=0；i