How to select using multiple attribute selectors?

Question

I am trying to disable multiple fields in a checkbox survey at the same time. Is it possible to select by multiple classes on same the div? I tried below but its not working. The code works with one class.

function surveyInit(){
  $("div[class*='addressLine1', class*='addressLine2'] input"  ).attr('disabled', 'disabled');    
}

Do the classes really contain addressLine1 or is it exactly addressLine1? — Jamiec
– Jamiec, Commented Feb 18, 2020 at 9:07
Side note: .attr("disabled", "disabled") works, but .prop("disabled" true) is simpler, and lets you use .prop("disabled", false) to undo it (instead of .removeAttr("disabled")). — T.J. Crowder
– T.J. Crowder, Commented Feb 18, 2020 at 9:09

Jamiec · Accepted Answer · 2020-02-18 09:07:53Z

6

You need to use multiple selectors separated by commas, not put the commas inside the attribute selector.

function surveyInit(){
    $("div[class*='addressLine1'] input, div[class*='addressLine2'] input").attr('disabled', 'disabled');
}

edited Feb 18, 2020 at 9:07

Jamiec

136k15 gold badges142 silver badges202 bronze badges

answered Feb 18, 2020 at 9:07

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

3 Comments

Rayon Over a year ago

*= denotes Attribute Contains Selector hence $("div[class*='addressLine']") should be enough.

Barmar Over a year ago

@Rayon That will also match addressLine3

Rayon Over a year ago

Yeah, my bad. That depends on the use case.

ahmet dundar · Accepted Answer · 2020-02-18 09:11:25Z

-2

you need comma as seperator and you can youse dot to select class instead of attribute selector

function surveyInit(){
 $("div.addressLine1 input,div.addressLine2 input"  ).attr('disabled', 'disabled');

}

answered Feb 18, 2020 at 9:11

ahmet dundar

921 silver badge5 bronze badges

2 Comments

Jamiec Over a year ago

Note this is subtly different to the OP. [class*='addressLine1'] selects any element where the class contains addressLine1, your answer selects elements where the class is exactly addressLine1 - hence my comment for clarification on the question.

ahmet dundar Over a year ago

Your comment to OP was not answered so i "assumed" addressLine12 is not desirable i gave other option for exact match to avoid possible bugs.

Collectives™ on Stack Overflow

How to select using multiple attribute selectors?

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related