いつもお世話になっております。
下記コードを使用しチェックボックスにチェックが
入ったときだけバナーがリンクできる様にしております。
「IE10」以外のブラウザは正常に動いているのですが
なぜか「IE10」だけがチェックしてもバナーにリンクを繋いでくれません。。
すみませんが原因が分かる方がいらっしゃれば
教えて頂きたく思います。よろしくお願いします(;;)
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <script type="text/javascript"> $(function(){ //送信ボタンの無効、チェックボックスを外す $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed"); $(".sample01 input:checkbox").attr('checked',false); //チェックボックスがクリックされると送信ボタン有効 $(".sample01 label,.sample01 input").click(function(){ if($(".sample01 input:checkbox").is(':checked')){ $(".sample02 input").css({opacity:"1",cursor:"pointer"}).removeAttr("disabled"); }else{ $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed"); } }) }); </script>
【追記 下記使用しているHTMLになります】
<div class="sample01"> <label><input type="checkbox"> 同意する<span>(同意するにチェックがついていないと移動できません。)</span></label> </div> <div class="sample02"> <a href=""><input type="image" src="./img/description00.jpg" alt=""></a> </div>
回答3件
あなたの回答
tips
プレビュー