Jak wybrać element wejściowy według wartości za pomocą javascript?

Question

Widziałem to jQuery równoważne:

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

Ale jak można go wybrać przy użyciu czystego javascript (jQuery) nie.

Dzięki za wszystkie dotychczasowe odpowiedzi, ale jestem pewien, że jeśli działa poprawnie, muszę zmienić wartość danych wejściowych na coś innego. Mogę to zrobić przez:

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

Ale wydaje się to nie takie proste. Jakieś pomysły.

Answer 1

z 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; 
} 

z nowoczesne przeglądarki ie9 + (? nie wiem na przykład w ie9):

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

Answer 2

Coś jak to działa:

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; 
})(); 

Korzystanie jQuery byłoby znacznie lepiej, choć.

Answer 3

Coś jak to powinno działać ...

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

Edit: To zwróci tablicę wszystkie mecze

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

Answer 4

Możesz użyć document.querySelectorAll() w nowoczesnych przeglądarkach (https://developer.mozilla.org/En/DOM/Document.querySelectorAll), np.

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

dla starszych przeglądarek musisz iteracyjne nad input s i sprawdzić wartość, na przykład

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/