いっぱいある要素のなかで個別に処理をおこないたいとき、クラスだと着け方迷うし
js〇〇〇とかあまりつけたくないのでdata-targetを使って対応。
jquery使ってます。

取得したい要素に以下を追加

data-target="type1"

data-target.html
<input id="id" type="radio" name="name value="1" checked="" data-target="type1">
data-target.js
var target = $this.attr('data-target');

     if (target === 'type1') { $('.block1').show(); $('.block2').hide(); }
   else { return false; }

else if でtargetごとに処理分けれるので、とにかく要素いっぱいあって何やってるかわかりづらい!
ってときに使うと便利。かも。

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.