チェックボックスにチェックを入れた時だけリンクさせるJavaSccript
自分用にメモの投稿です。
チェックボックスにチェックを入れた時だけ、ボタンを押せるようにするjavascriptです。
jQuery必須。
01 | jQuery(document).ready(function($) { |
02 | $("#check_link").click(function(e) { |
03 | e.preventDefault(); |
04 | if($("#checkbox_doui").get(0).checked) { |
05 | location.href = $(this).attr('href'); |
06 | } else { |
07 | alert("チェックボックスをチェックして下さい"); |
08 | } |
09 | }) |
10 | }); |
11 | document.write(' |
12 | <input type="checkbox" name="checkbox" value="1" id="checkbox_doui"> チェックをするとボタンクリック可能です <a href="#" id="check_link">アンカーテキストを記載</a>'); |
最新情報をお届けします
