ワイズリマインダー

IEのバグで<label>内の<img>で<input type=”radio”>にチェックが入らない

<input type="radio" id="hoge">
<label for="hoge"><img src="xyzzy.jpg"></label>

このようなタグの場合、
画像をクリックするとラジオボックスが選択状態になる
IE11のバグで選択状態にならない場合がある模様
これをjQueryで無理やり対応させてみた

$(document).on('click', 'label > img', function(){
  var label = $(this).parent();
  if(!label.attr('for')[0]) return false;
  var tarId = label.attr('for');
  $('#' + tarId).prop('checked', true);
  return false;
});

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください