如何禁用使用javascript的单选按钮？ （不使用任何JS框架）

Question

比如我有HTML元素，如

<input type="radio" name="disableme" id=1> Animal 
<input type="radio" name="disableme" id=2> Mammal 
<input type="radio" name="disableme" id=3> Human 

我试着像，document.formName.disableme.disabled = true;但它没有工作..

我可以用标识做到这一点。但我需要一枪。

请帮助。

Answer 1

我试图像，document.formName.disableme.disabled = TRUE;但它没有奏效..

因为如果你有多个同名的表单控件，你会得到一个HTML Form Controls Collection。因此循环收集：

var radios = document.formName.disableme; 

for (var i=0, iLen=radios.length; i<iLen; i++) { 
    radios[i].disabled = true; 
} 

没有必要添加ID。

Answer 2

document.getElementById("1").disabled=true; 
document.getElementById("2").disabled=true; 
document.getElementById("3").disabled=true; 

Answer 3

首先你的ids应该用双引号给出。 这样的：

<input type="radio" name="disableme" id="1"> Animal 
<input type="radio" name="disableme" id="2"> Mammal 
<input type="radio" name="disableme" id="3"> Human 

和用于禁止使用JavaScript按钮，使用：

document.getElementById("1").disabled=true; 

Answer 4

你不可能一次完成。

你有三个单独的元素，所以你必须一次禁用它们一个。没有办法使用简单的Javascript来同时禁用所有三个元素。

document.formName.disableme返回一个数组，所以不能在访问元素的属性，但可以通过循环的每个元件上的元件和访问属性：

var radios = document.formName.disableme; 
for (var i = 0; i < radios.length; i++) { 
    radios[i].disabled = true; 
} 

演示：http://jsfiddle.net/Guffa/2uUKw/

Answer 5

尝试此代码

var radio=document.getElementsByName("disableme"); 
    var len=radio.length; 
    for(var i=0;i<len;i++) 
    { 
     radio[i].disabled=true; 
    } 


<input type="radio" name="disableme" id=1> Animal 
<input type="radio" name="disableme" id=2> Mammal 
<input type="radio" name="disableme" disabled="disabled" id=3> Human 

Answer 6

如果你想只使用name属性来禁用它，那么你可以使用

document.getElementsByName("disableme")[0].disabled = true;

Answer 7

function disable() 
{ 
    var rads = document.formname.disableme; 

    for(var i=0; i<rads.length;i++) 
    { 
     document.formname.disableme[i].disabled = true; 
    } 
}