使用javascript或prototype选择多个属性的html元素

Question

I have several html input elements which all look something like this:

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

How do I fetch the input element with javascript by multiple attributes? For instance I want to fetch the input element which is of type radio, is checked and have a value that equals 123?

Basically I want to do something like this (I know this doesn't work):

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

Answer 1

使用原型，这应该可以工作：

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

Answer 2

Here is a simple function that dose that.

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

Change the if statement inside the loop to your liking.