Enable With Check

チェックに連動する有効/無効化スクリプトです。
Class
kk-enable-with-check チェックしたら有効化
kk-disable-with-check チェックしたら無効化
Attribute
target 対象のidをカンマ区切りで指定します

Enable With Check

チェックで有効化

チェックボックスにkk-enable-with-checkまたはkk-disable-with-checkを指定し、
対象要素のidを属性target=にカンマ区切りで指定してください。
<div class="kk-col6@m kk-col12" cell>
  <input id="check_enable" class="kk-checkbox kk-enable-with-check" type="checkbox" target="input1, button1">
  <label for="check_enable">以下の要素を有効にする</label>
  <input id="input1" class="kk-input kk-margin-top" type="text" value="INPUT" placeholder="Input">
  <button id="button1" class="kk-button kk-margin-top" type="submit">Button</button>
</div>
<div class="kk-col6@m kk-col12" cell>
  <input id="check_disable" class="kk-checkbox kk-disable-with-check" type="checkbox" target="input2, button2">
  <label for="check_disable">以下の要素を無効にする</label>
  <input id="input2" class="kk-input kk-margin-top" type="text" value="INPUT" placeholder="Input">
  <button id="button2" class="kk-button kk-margin-top" type="submit">Button</button>
</div>