こんにちは、現在以下のようなHTMLを書きかけています。
やりたいことは、設定ボタンと消去ボタンがあり、それぞれ同じcgiを起動するけれど、
消去ボタンを押したときだけは確認のダイアログボックスを表示させたい。
そしてダイアログボックスでキャンセルを選ぶとcgiは実行しない。
設定ボタンを押したときはダイアログボックスは出さずにcgiを実行する。
で、試行錯誤しながらやってみているのですが、キャンセルを選んでも結局は
cgiを実行してしまうので、どう書けばいいのか教えてください。
#ここになにか入れて制御できるのかなぁ?#の部分に何か書いて制御できますか?
よろしくお願いします。
<script language="JavaScript">
<!--
function startConfirm(){
confirm("選択したものを削除します。よろしいですか?");
#ここになにか入れて制御できるのかなぁ?#
}
// -->
</script>
</head>
:
:
<form method=post action="next.cgi">
<input type="checkbox" name="select1">選択肢
:
:
<input type="submit" name="sub_set" value="設定">
<input type="submit" onClick="startComfirm()" name="sub_del" value="消去">
</form>
No.1
- 回答日時:
ではまずJavaScriptの設定を↓こうしてください。
<!--
function startConfirm(){
ans = confirm("選択したものを削除します。よろしいですか?");
if(ans == false){
return false;
}
}
// -->
で、フォームの「消去」ボタンタグのonClick内に、「return」を追加してみてください。↓
<input type="submit" onClick="return startConfirm()" name="sub_del" value="消去">
これで出来ると思います。
ありがとうございます!
すごい!できましたー!
ダイアログの戻り値にfalseを返すのはなんとなく理解できますが、
onClickのとこにreturnを追加することによって、どういう制御に
なるのでしょうか?よろしければ教えてください。
No.2ベストアンサー
- 回答日時:
>onClickのとこにreturnを追加することによって、どういう制御になるのでしょうか?
ええと。
returnを設定した場合、onClickイベントの結果を一度フォームに戻して、結果に応じてsubmit処理をするかどうかを判断します。
戻り値がfalse以外であればsubmit処理を実行します。
returnを設定しない場合、onClickイベントの処理とsubmit処理は平行処理されてしまうので、onClickイベントの結果に関わらず、submitも実行されていまいます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタン2回押しを無効にしたい
-
<form action="#">の意味とは?
-
confirmのOK・キャンセルを押し...
-
ボタン無しでフォーム内容送信
-
VBSでブラウザ上のテキストボッ...
-
正規表現で複数マッチ条件で悩...
-
<td>の中のonClick="location" で
-
JavaScriptにて動的に配列を作...
-
背景色を変えて未入力チェック...
-
【jsp/Java】チェックボックス...
-
javascriptで画像の移動
-
selectを変更不可にしたい
-
selectを使った計算
-
セレクトメニューで選択された...
-
テキストフィールドに入力した...
-
フォームから入力すると、入力...
-
JSのボタンを複数う使うには
-
空のテーブルを表示させたい
-
【jQuery】tableループ内のIDの...
-
リンクの追加
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBSでブラウザ上のテキストボッ...
-
submitするとなぜか2度実行する
-
onclickで2個指定するには?
-
confirmのOK・キャンセルを押し...
-
ボタン2回押しを無効にしたい
-
フォーム内で記入したクエリ送...
-
onClick="this.form.submit
-
JavaScriptにおいてPOSTで送信...
-
disabled プロパティが表示され...
-
確認ダイアログの出し方(JavaS...
-
onclickをEnterキーでも行いたい
-
jsで質問です。 ボタンが二つ存...
-
ボタン無しでフォーム内容送信
-
confirm()で表示したダイアログ...
-
ボタンを押すとチェックボック...
-
javascriptで二重送信防止
-
VBScript
-
メールフォーム:「必須項目」...
-
Javascriptで二重送信を防止し...
-
ホームページビルダーでメール...
おすすめ情報