`conditionize2`. A jQuery plugin for conditioning things

Different input types

Inputs

Reference by id:

text input with id

You just typed 'one'!

Reference by name:

text input with name

You just typed 'two'

Input with initial value:

text input with initial value

You just typed 'three'

Space and non-ASCII chars at the condition

text input

Wow! Even non-ASCII chars are ok!

Multivalue input

Favorite book 1 Favorite book 2 Favorite book 3

You read too much:)

Checkboxes

Reference by id:

checkbox with id

Wow! You just checked me!

Reference by name:

checkbox with name

Wow! You just checked me!

Checkbox with value attribute:

checkbox with name and initial value

Wow! You just checked me!

Initially checked checkbox:

checkbox checked initially

I was here initially or you just checked me:)

Negative condition

checkbox for negative condition

Check it if you want me to disappear

Multivalue checkbox:

Option1 Option2 Option3

You checked option2! I saw it!

Selects

Reference by id:

Select one

Nice choice!

Reference by name:

Select2

Makes sense!

Select with initial value:

Select3

Toggle me

Select with multiple attribute:

Select two

Don't you tiered of 'two's?

Radio buttons

Reference by name

Do you want to see a smile? Yes No

Radio button with an inital value

2+2= 4 6

So bad at math?

Combined/nested

You can even nest the conditional sections:

Are you sure?

Really super sure?

Then type "foo":

Both are checked and 'foo' is typed.

names/ids parsing

Overlapping names

Partially equal names

These two inputs must be independent

The first one is 'foo'

The second one is 'foo'

Partially equal ids

These two inputs must be independent

The first one is 'foo'

The second one is 'foo'

Allowed symbols support

Allowed symbols in name

An input with all allowed input symbols

Works!

Allowed symbols in id

An input with all allowed input symbols

Works!

Complicated conditions

No space and no parentheses

Check me

Use functions

Type a number greater than 10

Wow! Too mush!

Combine many inputs

Check me
Are you tired? Yes No
Type a number which square is less than 100

You are whether tired or know some math:)

Array functions

Your favorite movie 1 Your favorite movie 2 Your favorite movie 3

You wrote three movies.

I like Zootopia too.

More than one movie. Not bad.

Customize options

Update events

Set an event for conditions update by string

Works with keyup!

Set an event for conditions update by string

Works with keyup array!

Many events

Works with many events in one string!

Custom event

Some checkbox. You can toggle it. It does not work without the button.

This one will be updated only after the button click!

Do not update on load

Some checkbox. You can toggle it.

This one is ignored on page load, but it works if you toggle the checkbox.

Customize actions: custom & ignore

Custom actions

Toggle to increment counters

This text will not be affected.

Checked n times: Unchecked n times:

Ingnore ifTrue actions

Toggle it

This will alert only on uncheck and ignore check.

Ingnore ifFalse actions

Toggle it

This will alert only on check and ignore uncheck.

Customize actions: build-in actions

show and hide

Toggle it

Show if true, hide if false

Hide if false, show if true

Clear fields

Check it after filling fields bellow

Check the checkbox to clear all fields

text input

checkbox input

radio buttons radio buttons

Combine clear and hide

Uncheck it after filling the input bellow

Check the checkbox to clear the input and hide it

text input

Trigger events

Check it to trigger events

Customize actions: mixing build-in with custom

Let's try something more sophisticated

Do you want to answer a lot of questions?

This is a section with subsections

What is your name?

How old are you?

WoW!

Times you finished to answer:

☰ conditionize2. A jQuery plugin for conditioning things

Different input types

Inputs

Reference by id:

Reference by name:

Input with initial value:

Space and non-ASCII chars at the condition

Multivalue input

Checkboxes

Reference by id:

Reference by name:

Checkbox with value attribute:

Initially checked checkbox:

Negative condition

Multivalue checkbox:

Selects

Reference by id:

Reference by name:

Select with initial value:

Select with multiple attribute:

Radio buttons

Reference by name

Radio button with an inital value

Combined/nested

You can even nest the conditional sections:

names/ids parsing

Overlapping names

Partially equal names

Partially equal ids

Allowed symbols support

Allowed symbols in name

Allowed symbols in id

Complicated conditions

No space and no parentheses

Use functions

Combine many inputs

Array functions

Customize options

Update events

Set an event for conditions update by string

Set an event for conditions update by string

Many events

Custom event

Do not update on load

Customize actions: custom & ignore

Custom actions

Ingnore ifTrue actions

Ingnore ifFalse actions

Customize actions: build-in actions

show and hide

Clear fields

Combine clear and hide

Trigger events

Customize actions: mixing build-in with custom

Let's try something more sophisticated

`conditionize2`. A jQuery plugin for conditioning things