###前提・実現したいこと
wordpressのcontactform7でラジオボタンのlabel要素に"for"を付けたい
例)
<label for="radio1">A</label>
<label for="radio2">B</label>
<label for="radio3">C</label>
<label for="radio4">D</label>
※選んだボタンによって出現するボックスを変化させるjavascriptを使用したいためです。
###選んだボタンによって出現するボックスを変化させるjavascript
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('input[type=radio]').change(function() { $('#tr1,#tr2,#tr3,#tr4').removeClass('invisible'); if ($("input:radio[name='use']:checked").val() == "A") { $('#tr2,#tr3,#tr4').addClass('invisible'); } else if($("input:radio[name='use']:checked").val() == "B") { $('#tr1,#tr3,#tr4').addClass('invisible'); } else if($("input:radio[name='use']:checked").val() == "C") { $('#tr1,#tr2,#tr4').addClass('invisible'); } else if($("input:radio[name='use']:checked").val() == "D") { $('#tr1,#tr2,#tr3').addClass('invisible'); } }).trigger('change'); //←(1) }); </script>
###該当のソースコード
[radio list_type use_label_element default:1 "A " "B " "C" "D"]
###試したこと
idとclassがradioに付けれるのは分かるのですが、
調べても出てこず…そもそも可能なのかがわからないので
どなたかご存じでしたらご教授願います…。
###補足情報(言語/FW/ツール等のバージョンなど)
WordPress 4.7.3
Contact Form 7 バージョン 4.7
あなたの回答
tips
プレビュー