由多個屬性選擇HTML元素的JavaScript或原型

我有幾個HTML輸入元素，所有看起來像這樣：由多個屬性選擇HTML元素的JavaScript或原型

<input id="1" type="radio" checked="checked" value="123" name="myinput" />

如何通過多個屬性獲取支持JavaScript的輸入元素？例如，我想獲取輸入元素，這是類型的收音機，被檢查，並有一個值等於123？

基本上我想要做這樣的事（我知道這不工作）：

var myElement = document.body.select('input[type=radio]:checked', 'input[value=123]');

來源

2011-12-05 Weblurk

你的ID應該是唯一的，所以使用'document.querySelector（'＃1'）'應該足夠了 – JMax

好吧，那麼我的部分壞例子。我的問題仍然存在，但... – Weblurk

只需將document.body.select替換爲document.querySelectorAll即可。此外，ID不能以數字開頭。 – powerbuoy

有了雛形這應該工作：

$$("input[type=radio][id=1]:checked")

來源

2011-12-05 08:53:53 bezmax

下面是一個簡單的函數，劑量。

function getInput() { 
    var elements = document.getElementsByTagName("input"); 
    for(var i=1, element=elements[0];element = elements[i++];) { 
     if(element.type=="radio" && 
      element.checked==true && 
      element.id=="1") { 
      return element; 
     } 
    } 
    return null; 
}

更改循環內的if語句以滿足您的需要。

來源

2011-12-05 08:54:34 wazz3r

由多個屬性選擇HTML元素的JavaScript或原型

回答

相關問題