12

例如，我有 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;但它没有奏效..

我可以使用 ID 来完成。但我需要一口气。

请帮忙。

4

8 回答 8

18

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

因为如果你有多个同名的表单控件，你会得到一个HTML 表单控件集合。所以遍历集合：

var radios = document.formName.disableme;

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

无需添加 ID。

于 2012-11-06T06:40:25.660 回答
8 
document.getElementById("1").disabled=true;
document.getElementById("2").disabled=true;
document.getElementById("3").disabled=true;
于 2012-11-06T06:38:44.430 回答
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
于 2012-11-06T06:42:37.110 回答
4

首先，您的 id 应该用双引号给出。像这样：

 <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;
于 2012-11-06T06:39:41.677 回答
2

你不能一口气做完。

你有三个独立的元素，所以你必须一次禁用它们。无法使用纯 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/

于 2012-11-06T06:42:14.693 回答
2

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

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

于 2012-11-06T06:42:57.813 回答
1 
function disable()
{
    var rads = document.formname.disableme;

    for(var i=0; i<rads.length;i++ )
    {
        document.formname.disableme[i].disabled = true;
    } 
}
于 2012-11-06T06:53:24.910 回答
0

id这是单选按钮最简单的方法（即使你有相同的）

单选按钮定义：

<input type="radio" name="paymentType" id="paymentType" value="CASH" /> CASH
<input type="radio" name="paymentType" id="paymentType" value="CHEQUE" /> CHEQUE
<input type="radio" name="paymentType" id="paymentType" value="DD" /> DD

禁用所有 3 个值：

    document.formName.paymentType[0].disabled = false;
    document.formName.paymentType[1].disabled = false;
    document.formName.paymentType[2].disabled = false;
    ...
于 2019-09-06T09:15:31.533 回答