在Javascript中使用类名禁用文本框

Question

我有HTML

Name 1:<input type="text" class="one" id="mytext">
<button onclick="disfunction()"></button>

使用Javascript

function disfunction(){
document.getElementsByClassName("one").disabled = true;
}

但文本框仍然启用.我如何禁用 text box使用类名的JAVASCRIPT.

使用id我可以做到这一点.还使用jquery.

但我需要一个使用Javascript和的解决方案classname.

Answer 1

getElementsByClassName 返回一个元素列表,你需要循环它以禁用每个元素:

var cells = table.getElementsByClassName("one"); 
for (var i = 0; i < cells.length; i++) { 
    cells[i].disabled = true;
}

JSFIDDLE:http://jsfiddle.net/7L14zaha/1/

Answer 2

你可以尝试一下，我敢打赌这就是你所看到的。

function disfunction(){
document.getElementsByClassName("one")[0].disabled = true;
}

JSFiddle ：-单击时禁用。