¿Cómo seleccionar un elemento de entrada por valor usando javascript?

Question

lo he visto de jQuery equivalente:

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

Pero, ¿cómo seleccionar usando javascript puro (sin jQuery).

Gracias por todas las respuestas hasta el momento, pero estoy seguro de que si está funcionando correctamente, tengo que cambiar el valor de la entrada en otra cosa. Pensé que podría hacerlo por

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

Pero parece que no es tan fácil. Algunas ideas.

Answer 1

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

con navegadores modernos ie9 + (? no estoy seguro de ie9 en realidad):

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

Answer 2

Algo como esto funciona:

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

usando jQuery sería mucho mejor, sin embargo.

Answer 3

Algo como esto debería funcionar ...

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

Editar: Esto devolverá una matriz de todos los partidos

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

Answer 4

Puede usar document.querySelectorAll() en los navegadores modernos (https://developer.mozilla.org/En/DOM/Document.querySelectorAll), p.

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

Para los navegadores antiguos que tendrá que iterar sobre los input s y comprobar el valor, por ejemplo,

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/