アドレスのハッシュ判定でcheckbox を checked(チェックを入れる) (jQuery)

https://luvsic.net/sample/135.html#3」のようなアクセスをしてきたとき、ハッシュ「#3」の部分を判定して、チェックボックスにチェックを入れます。jQuery使用。



<script type="text/javascript">
/*
 * EX: change the input element on focus and blur
 * update(y-m-d): 2011-1-23
 * auther: Luvsic
 * licence: MIT
 * info: https://luvsic.net/item/135
 * filename:
 *
 */

jQuery(function(){
        if($('#reservations').length){ // 予約ページの場合のみ動作
                if(location.hash){ // hashがある場合のみ動作
                        var roomHash = location.hash.slice(1).charAt(0); //「#」以降の1文字だけを抽出
                        if(isNaN(roomHash)){ //数字以外の場合は何も行わない
                        } else {
                                if($('input:checked').length){ //既にチェックボックスにcheckedがないか(ブラウザの戻る/進むボタンを考慮)
                                } else {
$('#room0'+roomHash).attr('checked',true);
                                }
                        }
                }
        }
});
</script>

サンプルページ(#3)
サンプルページ(#5)

/
Skooler Records

No comments yet

%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%22%20%76%61%6c%75%65%3d%22%31%34%66%37%63%37%39%33%33%36%65%32%30%33%66%33%30%38%36%32%66%30%66%66%39%62%33%38%35%34%37%64%22%3e %3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%5f%68%61%73%68%22%20%76%61%6c%75%65%3d%22%33%37%39%32%65%33%36%30%63%34%63%36%31%31%65%30%34%30%34%66%62%64%62%63%34%31%63%63%64%38%62%30%22%3e
© 2006 – 2021 by Luvsic. Some rights reserved.