人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

同意にチェックした場合にボタンが表示される動きをHTMLにて、作成しています。
「http://?」にて接続し問題ない事を確認していたのですが、「https://?」(SSL)で接続すると同意にチェックしていないのに確認ボタンが押せる状態になってしまいます。
いろいろと調べましたが、解決方法がわかりませんでした。
HTML初心者の為、どなたかわかる方がいらっしゃいましたらご教授お願い致します。

●質問者: asatanweb
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

質問者から

ソースを補足させていただきます。


【Javascript】

<script type="text/javascript">
$(function(){
$(".mod_form_btn input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
$(".mod_form_importance_btn input:checkbox").attr('checked',false);
$(".mod_form_importance_btn label,.mod_form_importance_btn input").click(function(){
if($(".mod_form_importance_btn input:checkbox").attr('checked')==true){
$(".mod_form_btn input").css({opacity:"1",cursor:"pointer"}).removeAttr("disabled");
}else{
$(".mod_form_btn input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
}
});
});
</script>

【HTML】

<div class="mod_form_importance_btn">
<p class="obocheck">
<label for="obotprivacy"><input type="checkbox" id="oboprivacy" name="oboprivacy" value="同意します" />&nbsp;同意します</label></p></div>
<div class="mod_form_btn">
<p id="confirm-button" class="submit-container">
 <input type="submit" name="send-to-confirm" value="確認する">
</p></div>

1 ● Lhankor_Mhy
ベストアンサー

推測になってしまうのですが、お示しいただいたスクリプトは括弧の対応が取れていないようですから、おそらくスクリプトの一部を切り出しているのだと思います。
たとえば、ご提示のコード以前にエラーがあった場合、そこで実行が止まってしまいますので、ご提示部分は実行されず「チェックしていないのに確認ボタンが押せる状態」になるかと思います。

さて、SSLで通信をした時のみエラーが起きるということなのですが、ご提示のコードを拝見するとjQueryを利用されているようです。たとえば、以下のページのようなことが起きていませんでしょうか?
[WordPress]Header CleanerがHTTPSページでJSエラーを吐く場合の対処法 - DQNEO起業日記


asatanwebさんのコメント
教えていただいた、chromeのコンソールで見たところ以下のエラーが吐き出されていました。 「Uncaught ReferenceError: $ is not defined」 JQueryが正しく読み込まれていないというエラーでしょうか? 何度も質問して申し訳ございませんが、ご教授お願い致します。

Lhankor_Mhyさんのコメント
どうやらそのようですね。

asatanwebさんのコメント
ソースを見直して、JQueryの読み出し部分を編集したところ、正しく表示され解決する事ができました。 ありがとうございます。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ