【jQuery】クリックした時に確認ダイアログを出す【サンプルコードあり】

この記事は 約2 分で読めます。

作業していて表題のような事よくありますよね
難しい処理は要らないしちょっとクリックした時に確認ダイアログ出して間違いクリックを防ぎたいなと言う時が。

例えばデータの削除の時とか間違えてクリックしちゃったらDBからデータが消えてしまってガーン！ってなるような・・・・
そう言うのを簡単に防ぐ為のダイアログキャンセルボタンが押されたら中断するようなボタンの処理です。

いつも使ってる簡単な奴なので個人的メモ

<script>
	$('.confirm').click(function(){
		if(!confirm('本当に削除しますか？')){
			/* キャンセルの時の処理 */
			return false;
		}
	});
</script>

jQueryが読み込まれてる事が前提です。

必要なボタンのClassに confirm と付け足してやるだけで動作するお手軽なものです

株式会社シフトブレイン SBクリエイティブ 2013-11-26
売り上げランキング : 108956