http://www.webopixel.net/javascript/547.html
ラジオボタンを上記のサイトを利用させていただいてデザインしています。
しかし、ドラックするようにスライドさせて選択すると、
inputはcheckにならないのに、
checkedしたときのクラスが割り当てられてしまい、
ラジオボタンはチェックしていない
しかしチェックしたようなcssが効いてしまう
という現象が起きてしまします。
なにか良い回避策はないでしょうか。
<script> $(function(){ var radio = $('div.radio-group'); $('input', radio).css({'opacity': '0'}) //checkedだったら最初からチェックする .each(function(){ if ($(this).attr('checked') == 'checked') { $(this).next().addClass('checked'); } }); //クリックした要素にクラス割り当てる $('label', radio).click(function() { $(this).parent().parent().each(function() { $('label',this).removeClass('checked'); }); $(this).addClass('checked'); }); });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/18 05:58
2016/10/18 07:57