Selecting html element by multiple attributes with javascript or prototype

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]');

your id should be unique so using document.querySelector('#1') should be enough — JMax
– JMax, Commented Dec 5, 2011 at 8:50
Ok bad example from my part then. My questions remains though... — Weblurk
– Weblurk, Commented Dec 5, 2011 at 8:53
Just replace document.body.select with document.querySelectorAll. Also, IDs mustn't begin with a number. — powerbuoy
– powerbuoy, Commented Dec 27, 2011 at 14:20

bezmax · Accepted Answer · 2011-12-05 08:53:53Z

3

With prototype this should work:

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

answered Dec 5, 2011 at 8:53

bezmax

26.3k11 gold badges56 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

wazz3r · Accepted Answer · 2011-12-05 08:54:34Z

0

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.

answered Dec 5, 2011 at 8:54

wazz3r

4724 silver badges15 bronze badges

Collectives™ on Stack Overflow

Selecting html element by multiple attributes with javascript or prototype

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related