jquery enable/disable form field section based on variable

Question

<form name="form" aDisabled="true" bDisabled="false">
<fieldset id="a">
<input> 
...
</fieldset>
<fieldset id="b">
<input> 
...
</fieldset>
</form>

So i want to make the fields under fieldset to be disabled when aDisabled is true and b to remain enabled, i tried the below jquery but this does not seem to work for me

$("[aDisabled='true'] input:not('#b')").attr('disabled', 'disabled');

Nenad Vracar · Accepted Answer · 2016-05-05 22:24:13Z

1

You can disable all fieldset's inside your form except #b like this

$("[aDisabled='true'] fieldset:not(#b)").attr('disabled', 'disabled');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="form" aDisabled="true" bDisabled="false">
  <fieldset id="a">
    <input type="text">
  </fieldset>
  <fieldset id="b">
    <input type="text">
  </fieldset>
</form>

answered May 5, 2016 at 22:24

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

7 Comments

josh_boaz Over a year ago

$("[aDisabled='true'] fieldset:not(#b)").attr('disabled', 'disabled'); <script src="ajax.googleapis.com/ajax/libs/jquery/2.1.1/…> <form name="form" aDisabled="true" bDisabled="false"> <fieldset id="a"> <input type="text"> </fieldset> <input type="text"> </form> actually i have like this, there is just one fieldset

Nenad Vracar Over a year ago

I don't understand your comment, can you create jsfiddle.net/Lg0wyt9u with your actual HTML and say what you want to disable.

josh_boaz Over a year ago

i said what if there is no fieldset id="b" , there are just input fields in fieldset id="a" and some input fields directly inside form

Nenad Vracar Over a year ago

Then you just select and disable fieldset with id a jsfiddle.net/Lg0wyt9u/753 or if you want to select specific element inside that fieldset you target them like this jsfiddle.net/Lg0wyt9u/755

josh_boaz Over a year ago

yea but how do you inverse the condition than, disable the one that are at form level and not enable the one's under fieldset id="a"?

|

William B · Accepted Answer · 2016-05-05 22:26:22Z

0

The problem with your selector is that input:not(#a) means "input without an ID of a" which is true for all your inputs. What you meant is "fieldset:not(#a)" or more accurately, "fieldset#b"

$("[aDisabled='true'] fieldset#a input").attr('disabled', true);
$("[bDisabled='true'] fieldset#b input").attr('disabled', true);

edited May 5, 2016 at 22:26

answered May 5, 2016 at 22:22

William B

1,4198 silver badges10 bronze badges

2 Comments

josh_boaz Over a year ago

lets say i don't have fieldset id=b. how would i filter all except fieldset id=a?

William B Over a year ago

fieldset:not(#a) as mentioned above.

Collectives™ on Stack Overflow

jquery enable/disable form field section based on variable

2 Answers 2

7 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related