- ベストアンサー
チェックボックスを操作するフォームの作成方法は？
- チェックボックスを操作するフォームを作成する方法を教えてください。
- 特定の条件に応じてフォームの処理を変えたい場合、どのようにすれば良いでしょうか？
- チェックボックスの状態によって異なる処理を行うフォームの作成方法について知りたいです。
- a-----n
- お礼率58% (77/131)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （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>
その他の回答 (1)
- yyr446
- ベストアンサー率65% (870/1330)
前の回答で何が不足しているのか？です。 もしかして、 ------------------------------- チェックないけど、いいですか？ 「はい」「いいえ」「取り消し」 ------------------------------- こんなモーダルなダイアログボックスを出したいって意味？
お礼
ご回答ありがとうございます！ 説明が上手くできず、すみません！ チェックがはいっていたらダイヤログはでません。 はいっていなかったら、ダイヤログがでます。 はいの場合は、次のページへ。 いいえの場合は、ダイヤログが閉じます。 おなじですよね。。 また、上手く説明できるようになったら、質問させてください。 このたびは、ありがとうございました！