Hoai Linh
Rank: #42730
30Views
4Comments
Three States Check Box
Question
UI
RichWidgets
Beginner
JQuery
OutSystems Widgets

Hello everyone, 

I'm a beginner, I build a form following the requirement like the image below, but I dont know how to build the "three states check box" include:

-checked

-unchecked

-just check some options like the image

I'm using JQuery to control checked all and unchecked all...

Besides, sorry if my English is not good.

Thanks all!

Best Regards!

req1.JPG

0
0
on 1st Feb
Copy link to comment
Nikhil Gaur
mvp_badge
MVP
Rank: #113

Hi Hoai,

You can use indeterminate property of the checkbox. Check this W3Schools link:

https://www.w3schools.com/jsref/prop_checkbox_indeterminate.asp

0
0
on 1st Feb
Copy link to comment
Remco Snijders
Rank: #2266

Hi Hoai,

From your example, it seems like you're not looking for the indeterminate option, but a way to handle your (de)select all.

If that's the case indeed, I would build an onChange for your 'select all' checkbox. If it's set to checked (=true), set all the below to true, if set to unchecked (=false), set all the below to false. The upper checkbox still has only 2 states then though.

1
0
on 1st Feb
Copy link to comment
Shashikant Shukla
Champion
Rank: #210

Hi Hoai,

Created a sample app for you. Please the URL if it works for you. OML is also attached.

WebScreen2 (kantshukla2u1.outsystemscloud.com) 


Regards

Shashikant Shukla


test.oml

0
0
on 1st Feb
Copy link to comment

Hi Hoai,

Please check attached oml. for checkbox.

https://samiksha-manekar.outsystemscloud.com/DemoApplication/CHECKBOX.aspx?_ts=637478037348140192

DemoApplicationCheckBoxSample.oml

0
0
on 1st Feb
Copy link to comment