Run 2 functions in Javascript inline with ternary operator

Question

I want to run a function and also check if element1 is enabled and if so to disabled it and element2 and the other way around.

<input type="" onclick = "function(); element1.disabled==true ? (element1.disabled=false, element2.disabled=false ) : (element1.disabled=true, element2.disabled=true)" />

How do i make this code work ?

Since you can't used ";" inside "()" i tried "," but it didn't worked.

why don't you just call a function that can do the logic ?? declare a function in the same page and then call it : onclick="myFunction()" — Zakaria Wahabi
– Zakaria Wahabi, Commented May 20, 2015 at 9:52
if you declare a function you need to wrap the body with { } : function(){...}, your code should work — Hacketo
– Hacketo, Commented May 20, 2015 at 9:56

andale · Accepted Answer · 2015-05-20 10:31:15Z

2

In this case you can use chained assignment:

element1.disabled==true ? element1.disabled=element2.disabled=false : element1.disabled=element2.disabled=true

answered May 20, 2015 at 10:31

andale

4732 silver badges13 bronze badges

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

Comments

yoavmatchulsky · Accepted Answer · 2015-05-20 10:34:29Z

2

There's no need for the ternary operator, you can just negate element1.disabled:

<input type="checkbox" onclick="element1.disabled = element2.disabled = !element1.disabled" />

and you can also chain the assignments (each assignment "returns" the value)

answered May 20, 2015 at 10:34

yoavmatchulsky

2,9501 gold badge18 silver badges22 bronze badges

Comments

stile17 · Accepted Answer · 2015-05-20 10:11:19Z

1

Remove "function()" you don't need that, and replace semicolons to commas. Your code should look like:

<input type="button" onclick = "element1.disabled==true ? (element1.disabled=false, element2.disabled=false) : (element1.disabled=true, element2.disabled=true)">

answered May 20, 2015 at 10:11

stile17

1708 bronze badges

2 Comments

Or Yagoda Over a year ago

The function() means I also want to run a function in the onclick event along-side the complex if.

stile17 Over a year ago

in that case

<input type="button" onclick = "name_of_function(), element1.disabled==true ? (element1.disabled=false, element2.disabled=false) : (element1.disabled=true, element2.disabled=true)">

Collectives™ on Stack Overflow

Run 2 functions in Javascript inline with ternary operator

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related