जावास्क्रिप्ट का उपयोग करके मूल्य द्वारा इनपुट तत्व का चयन कैसे करें?

Question

मैंने देखा है यह jQuery बराबर है:

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

लेकिन आप इसे कैसे शुद्ध जावास्क्रिप्ट (कोई jQuery) का उपयोग कर चयन है।

अब तक सभी प्रतिक्रियाओं के लिए धन्यवाद लेकिन मुझे यकीन है कि यह सही तरीके से काम कर रहा है, मुझे इनपुट के मूल्य को किसी और चीज़ में बदलने की जरूरत है। हालांकि मैं

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

द्वारा ऐसा कर सकता था लेकिन ऐसा लगता है कि यह इतना आसान नहीं है। कोई विचार।

Answer 1

वापस आ जाएगी आधुनिक ब्राउज़र यानी 9 + (वास्तव में IE9 के लिए निश्चित नहीं है):

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

संपादित करें: यह सभी की एक सरणी 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; 
} 

साथ साथ मेल खाता है

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/