Как выбрать элемент ввода по значению с помощью javascript?

Question

Я видел это JQuery эквивалент:

$('input[value="something"]'); 

Но как выбрать его с помощью чистого JavaScript (не JQuery).

Спасибо за все ответы до сих пор, но я уверен, что если он работает правильно, мне нужно изменить значение ввода во что-то другое. Хотя я мог это сделать

<enter snippet to select element here>.value = "someOtherValue"; 

Но, похоже, это не так просто. Есть идеи.

Answer 1

с IE6-ie7-ie8

function getInputsByValue(value) 
{ 
    var allInputs = document.getElementsByTagName("input"); 
    var results = []; 
    for(var x=0;x<allInputs.length;x++) 
     if(allInputs[x].value == value) 
      results.push(allInputs[x]); 
    return results; 
} 

с современные браузеры ie9 + (? не уверены в том, что на самом деле 9):

document.querySelectorAll("input[value=something]"); 

Answer 2

Что-то вроде это работает:

function getCheckboxByValue(v) { 
     var inputs = document.getElementsByTagName('input'); 
     for (var i = 0; i < inputs.length; i++) { 
       if(inputs[i].type == "checkbox" && inputs[i].value == v) { 
         return inputs[i]; 
       } 
     } 
     return false; 
} 
(function testCheckbox() { 
     getCheckboxByValue("1").checked = true; 
})(); 

Использование JQuery было бы гораздо лучше, хотя.

Answer 3

Что-то, как это должно работать ...

for(i in document.getElementsByTagName('input')) { 
    if(i.value == 'desiredValue') { 
     return i; 
    } 
} 

Edit: Это будет возвращать массив всех матчей

var matches = []; 
for(i in document.getElementsByTagName('input')) { 
    if(i.value == 'desiredValue') { 
     matches.push(i); 
    } 
} 

Answer 4

Вы можете использовать document.querySelectorAll() в современных браузерах (https://developer.mozilla.org/En/DOM/Document.querySelectorAll), например.

var byValue = document.querySelectorAll('input[value="something"]'); 

Для более старых браузеров, вам придется перебрать input с и проверить значение, например,

var inputs = document.getElementsByTagName("input"), 
    i, 
    len, 
    byVal = [], 
    value = "something"; 

for (i = 0, len = inputs.length; i < len; i++) { 
    if (inputs[i].value === value) { 
     byVal.push(inputs[i]); 
    } 
} 

Answer 5

var elems = [].filter.call(document.getElementsByTagName("input"), function(input) { 
    return input.value === "something"; 
}); 

http://jsfiddle.net/ts2Rr/3/