
迅速なご回答ありがとうございます。
感謝します。
すみません!私の説明不足でした。
下記のようなソースを書いてます。
このチェックボックスをチェックしていれば、スルー。
チェックが入っていなければ、
チェックないけど、いいですか?
「はい」「いいえ」のダイヤログが出てきて、
「はい」→ y.phpに進む
「いいえ」→ダイヤログが閉じる。(画面はそのまま)
というようなことはできますでしょうか?
また、説明不足だったらすみません。
わかりましたら教えていただけると助かります。
よろしくお願いいたします。
<form method="POST" action="y.php" id="form" name="form1" onSubmit="return check()">
<tr>
<th align="right">チェックする</th>
<td valign="top">
<input type="checkbox" name="display" value="1" />
</td>
</tr>
<input type="submit" value="go">
</form>
投稿日時 - 2010-10-04 21:48:43
No.2ベストアンサー
- 回答日時:
jQueryって知ってますか、javascriptには、視覚効果や、
ユーザーインターフェース用に様々なライブラリーというのが
あります。それを使うというのも選択肢の一つです。
例えば、jQueryBlockUIというjqueryライブラリーがあります。
(他にも似たようなのはたくさんあるけど)
http://jquery.malsup.com/block/#overview
これを、jQueryとともに使えば、↓と書けます
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4");</script>
<script type="text/javascript" src="/jslib/jquery.blockUI.js"></script>
<script type="text/javascript">
$(function(){
$("#form").submit(function(){
if(!this.display.checked){
$.blockUI({message:$("#question"),css:{width:"275px"}});
$("#yes").bind("click",{form:this},function(event){
$.unblockUI();
event.data.form.submit();
});
$("#no").bind("click",function(){
$.unblockUI();
});
return false;
}else{
return true;
}
});
});
</script>
</head>
<body>
<form method="POST" action="y.php">
<tr>
<th align="right">チェックする</th>
<td valign="top">
<input type="checkbox" name="display" value="1">
</td>
</tr>
<input type="submit" value="go">
</form>
<div id="question" style="display:none;cursor:default">
<h1>チェックしてないけど、いいですか?</h1>
<input type="button" id="yes" value="はい">
<input type="button" id="no" value="いいえ">
</div>
</body>
No.1
- 回答日時:
前の回答で何が不足しているのか?です。
もしかして、
-------------------------------
チェックないけど、いいですか?
「はい」「いいえ」「取り消し」
-------------------------------
こんなモーダルなダイアログボックスを出したいって意味?
ご回答ありがとうございます!
説明が上手くできず、すみません!
チェックがはいっていたらダイヤログはでません。
はいっていなかったら、ダイヤログがでます。
はいの場合は、次のページへ。
いいえの場合は、ダイヤログが閉じます。
おなじですよね。。
また、上手く説明できるようになったら、質問させてください。
このたびは、ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・【お題】甲子園での思い出の残し方
- ・【お題】動物のキャッチフレーズ
- ・人生で一番思い出に残ってる靴
- ・これ何て呼びますか Part2
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・あなたが好きな本屋さんを教えてください
- ・かっこよく答えてください!!
- ・一回も披露したことのない豆知識
- ・ショボ短歌会
- ・いちばん失敗した人決定戦
- ・性格悪い人が優勝
- ・最速怪談選手権
- ・限定しりとり
- ・性格いい人が優勝
- ・これ何て呼びますか
- ・チョコミントアイス
- ・単二電池
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・泣きながら食べたご飯の思い出
- ・一番好きなみそ汁の具材は?
- ・人生で一番お金がなかったとき
- ・カラオケの鉄板ソング
- ・自分用のお土産
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ENTERキーを無効にしたいのです...
-
1つのform内に2つのsubmitボタ...
-
別窓ウィンドウから親ウィンド...
-
迅速なご回答ありがとうござい...
-
リンク先アドレスの一部にテキ...
-
<JavaScript>tableタグを入力不...
-
プルダウン 項目が多いので先頭...
-
【jQuery】input nameの文字列...
-
onchangeイベントを強制的に発...
-
<input>の選択肢をプルダウンメ...
-
テーブルの動的作成&オブジェ...
-
JQueryの配列処理
-
return trueとreturn falseの用...
-
sessionStorageを調べています。
-
JavaScriptで特定のtdタグにcla...
-
動的なtableの値を取得したい
-
Request.Form(key)の中身をクリ...
-
チェックボックスがundefinedと...
-
CSVファイルを読みこみ、プルダ...
-
GETパラメータの内、空文字のク...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでASPにデータを渡す
-
submitした値を返したい
-
別ウィンドウへのsubmitの挙動...
-
指定したタグを書き換えるには?
-
1つのページにformを2つ設置。2...
-
iframe内のformをサブミットす...
-
FormのonsubmitでJavaスクリプ...
-
JavaScript:現在フォーカスの...
-
C# 配列などの受け渡し
-
POST時に要素を削除してからPOST
-
JavascriptからSubmitして画面...
-
Javascript IEで「識別子があり...
-
リンク先アドレスの一部にテキ...
-
formのsubmitイベントの発生に...
-
1つのform内に2つのsubmitボタ...
-
別窓ウィンドウから親ウィンド...
-
submitボタン押下後、disabled...
-
テキストエリアに入力したURLに...
-
ページを再読み込み後、再読み...
-
複数Formから値を取得するやりかた
おすすめ情報