30
Views
4
Comments
Three States Check Box

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

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

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.

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

Hi Hoai,

Please check attached oml. for checkbox.

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

DemoApplicationCheckBoxSample.oml