Magic Icon Enable/Disable Fields when Clicking Another Field: Magic JavaScript

Quick Jump ↵

Usage

Add data-mjf="click_enable_disable" id="FIELD_ID" to your onclickable tag.

Add <script type="text/javascript">$m.wand.click_enable_disable = true;</script> inside your <body> tag.

Use the examples below for building your own!

Examples

Enable / Disable a single field with 2 radio buttons


<input type="radio" checked="checked" data-mjf="click_enable_disable" data-mjf_click_enable_id="FIELD_ID_3" id="FIELD_ID_1">
<input type="radio" data-mjf="click_enable_disable" data-mjf_click_disable_id="FIELD_ID_3" id="FIELD_ID_2">
<input type="text" id="FIELD_ID_3">

Enable / Disable a single field with 1 checkbox


<input type="checkbox" checked="checked" data-mjf="click_enable_disable" data-mjf_click_enable_disable_id="FIELD_ID_5" id="FIELD_ID_4">
<input type="text" id="FIELD_ID_5">

Enable / Disable a group of fields with 2 radio buttons





<input type="radio" checked="checked" data-mjf="click_enable_disable" data-mjf_click_enable_group="GROUP_1" id="FIELD_ID_6">
<input type="radio" data-mjf="click_enable_disable" data-mjf_click_disable_group="GROUP_1" id="FIELD_ID_7">
<input type="text" data-mjf_click_enable_group="GROUP_1" data-mjf_click_disable_group="GROUP_1">
<input type="text" data-mjf_click_enable_group="GROUP_1" data-mjf_click_disable_group="GROUP_1">
<input type="text" data-mjf_click_enable_group="GROUP_1" data-mjf_click_disable_group="GROUP_1">

Disable a group of fields with 1 checkbox buttons





<input type="checkbox" checked="checked" data-mjf="click_enable_disable" data-mjf_click_enable_disable_group="GROUP_2" id="FIELD_ID_8">
<input type="text" data-mjf_click_enable_disable_group="GROUP_2">
<input type="text" data-mjf_click_enable_disable_group="GROUP_2">
<input type="text" data-mjf_click_enable_disable_group="GROUP_2">

Notes

The separate $m.wand.click_enable and $m.wand.click_disable options have been retired in favor of the more robust options above.

« Back to the main documentation