CiaoyuToggle.js

單選 radiobox

A: 顯示 A 區塊 A: Checked this to display A zone.

B: 顯示 B 區塊 B: Checked this to display B zone.

C: 顯示 A 和 B 區塊 C: Checked this to display A and B zone.

result:

A Zone
data-ciaoyu-toggle="example1"
or
data-ciaoyu-toggle="example1,example3"

B Zone
data-ciaoyu-toggle="example2"
or
data-ciaoyu-toggle="example2,example3"

A: 顯示 A 和 D 區塊 A: Checked this to display A and D zone.

B: 顯示 B 和 D 區塊 B: Checked to display B and D zone.

C: 同時選 A 和 C 以顯示 C 區塊 C: Checked both A and C to display C zone.

result:

A Zone
data-ciaoyu-toggle="checkbox1"

B Zone
data-ciaoyu-toggle="checkbox2"

C Zone
data-ciaoyu-toggle="checkbox1+checkbox3"

D Zone
data-ciaoyu-toggle="checkbox1,checkbox2"

Example select

result:

A Zone
data-ciaoyu-toggle="ExSelect" data-ciaoyu-val="1"

B Zone
data-ciaoyu-toggle="ExSelect" data-ciaoyu-val="2"

C Zone
data-ciaoyu-toggle="ExSelect" data-ciaoyu-val="2,3"

result: (不是特定數值就出現請使用 ! 符號)

A Zone
data-ciaoyu-toggle="ExSelect" data-ciaoyu-val="!0"

請勾選 Agree 後選擇選項1

同意 Agree.

result:

Agree and Select 1
data-ciaoyu-toggle="mixCheckbox+mixSelect" data-ciaoyu-val="1"