Getting elements by a partial id string in javascript

Question

I have the followng code:

var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
inputs[i].disabled = bDisabled;
}

I need to now add some logic to only disable the the inputs that have and Id of the form "bib*" where bib can be any character. Ive seen other questions where this is done with jquery but I cant use jquery just simple javascript. Any help would be appreciated.

Thanks

Be more precise. "bib" can be any character? Do you mean * can be any character? so that bibo matches but bibliography doesn't? — Stefan Mai
– Stefan Mai, Commented Jun 15, 2009 at 23:06
Can you use CSS style attribute selectors? I imagine document.getElementsByTagName('[id^=bib]'); would work. — Eytan
– Eytan, Commented Oct 18, 2012 at 16:43

Matthew Flaschen · Accepted Answer · 2009-06-15 23:05:13Z

17

This is pretty basic stuff.

var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
  if(inputs[i].id.indexOf("bib") == 0)
    inputs[i].disabled = bDisabled;
}

answered Jun 15, 2009 at 23:05

Matthew Flaschen

286k53 gold badges523 silver badges554 bronze badges

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

2 Comments

TJR Over a year ago

Instead of cycling through them all every time... cache the elements in an array so the next cycle will be quicker.

Matthew Flaschen Over a year ago

TJ, that would be good if the code is running more than once, and there are a relatively small number of matching elements.

EJC · Accepted Answer · 2012-07-23 16:27:33Z

2

function CheckDynamicValue(partialid, value) {

    var re = new RegExp(partialid, 'g');
    var elems = document.getElementsByTagName('*'), i = 0, el;
    while (el = elems[i++]) {
        if (el.id.match(re)) {
            el.disabled = value;
        }
    }
}

edited Jul 23, 2012 at 16:27

EJC

2,1715 gold badges22 silver badges34 bronze badges

answered Aug 18, 2010 at 14:54

Ravi

4494 silver badges2 bronze badges

Comments

Eytan · Accepted Answer · 2012-10-18 16:44:40Z

0

I haven't tried this myself, but would CSS style attribute selectors?

document.getElementsByTagName('[id^=bib]');

answered Oct 18, 2012 at 16:44

Eytan

1,83517 silver badges24 bronze badges

1 Comment

Michael Over a year ago

for me this always return an HTMLElement collection with no elements, despite having lots of elements starting with "bib" (or whatever I replaced those characters with)

Collectives™ on Stack Overflow

Getting elements by a partial id string in javascript

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related