I have HTML
Name 1:<input type="text" class="one" id="mytext">
<button onclick="disfunction()"></button>
Javascript
function disfunction(){
document.getElementsByClassName("one").disabled = true;
}
But the text box is still enabled. How can I disable text box
using the classname in JAVASCRIPT.
Using id I can do this. Also using jquery.
But I need a solution using Javascript
and classname
.
getElementsByClassName
return a list of elements, you need to loop througth it to disable each element :
var cells = table.getElementsByClassName("one");
for (var i = 0; i < cells.length; i++) {
cells[i].disabled = true;
}
JSFIDDLE : http://jsfiddle.net/7L14zaha/1/
You may try this, and I bet is what you are looking at.
function disfunction(){
document.getElementsByClassName("one")[0].disabled = true;
}
JSFiddle :- Disable on click.
Mozilla docs states that:
elements is a live HTMLCollection of found elements.
So you have to iterate through the result of getElementsByClassName.
var testElements = document.getElementsByClassName('class-name-here');
var testDivs = Array.prototype.filter.call(testElements, function(testElement){
testElement.disabled = true;
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With