Почему javascript не получит имя?

Question

Я пытаюсь получить группу переключателей в javascript, чтобы их сбросить, однако следующий код делает r.length = 0. Кто-нибудь знает, могу ли я получить доступ к переключателям с getElementByName, а если нет, то каков правильный способ использования главной страницы в asp.net?

JavaScript

 function clearRadios(groupName) { 

     var r = document.getElementsByName(groupName); 
     for (var i = 0; i < r.length; i++) { 
       r[i].checked = false; 
      } 
     } 

HTML

<input type="radio" runat="server" name="ach_options" id="option1" /> 

<input type="radio" runat="server" name="ach_options" id="option2" /> 

<input type="radio" runat="server" name="ach_options" id="option3" /> 

Это, как я называю яваскрипта функцию:

clearRadios("options"); 

FIREFOX консоли

Answer 1

Это может быть по разным причинам, но я хотел бы предложить вам завернуть переключателей в DIV и использовать getElementsByTagName('input'):

HTML:

<div id="myDiv"> 
    <input type="radio" runat="server" name="ach_options" id="option1" /> 
    <input type="radio" runat="server" name="ach_options" id="option2" /> 
    <input type="radio" runat="server" name="ach_options" id="option3" /> 
</div> 

Javascript:

function clearRadios(wrapperid) { 
    var wrapper = document.getElementById(wrapperId); 

    //Using getElementsByTagName() 
    var r = wrapper.getElementsByTagName('input'); 

    for (var i = 0; i < r.length; i++) { 
      r[i].checked = false; 
    } 
} 

Функциональный вызов:

clearRadios('myDiv');