以下の動作がMac Safariのみcheckbox未選択の場合に、ページの移動や再読込、閉じようとした時にアラートが出現しません。解決方法が分からず、ご教示いただけないでしょうか。
(一度ページ内のどこかをクリックすると正しく動作します。)
checkbox(1つ)が未選択の場合に、ページの移動や再読込、閉じようとした時にアラートを出す仕様です。(checkbox選択時はアラートを出さない)html内のjavascriptの記述です。checkboxはstyle付けしているため、labelで作成しています。
html
1<div class="checkbox"> 2 <input type="checkbox" id="checkbox01" name="example" value=“テキスト”> 3 <label for="checkbox01" class="checkbox">テキスト</label> 4</div>
javascript
1<script> 2 window.onbeforeunload=function(e){ 3 var flag = document.querySelector('#checkbox01').checked; 4 if (!flag) { 5 return "IE用テキスト"; 6 }; 7 }; 8</script>
あなたの回答
tips
プレビュー