0

私はいくつかの簡単なHTMLを持っています:

    <input type="submit" value="Save" onclick="return isAbleToSubmit();" id="testSubmit" class="alertWhenDone"/>
function isAbleToSubmit() {
    return confirm ("Do you want to continue?");
}

私はjQueryコードを持っています:

$(".alertWhenDone").click(function (event) {
   alert ("i am done");
}

確認時に「はい」を選択した場合にのみ、アラートが発生したときにアラートを送信します。これを行うための最良の方法は何ですか?

alertWhenDoneすべてのクラスに処理リンクメッセージを表示する関数を持たせたいので、それを分離していることに注意してください。

4

2 に答える 2

0

属性を使用して、それらdata-*に文字列を格納できpromptます。これを試して:

<input type="submit" value="Save" data-confirm="Do you want to continue?" id="testSubmit" class="alertWhenDone"/>

$("input[type=submit]").click(function (event) {
   if (confirm ($(this).data('confirm'))) {
        alert ("i am done");
   }
})

デモ

于 2012-07-13T23:36:35.653 に答える
0

入力から onClick イベントを削除して、次のことを行うことができます。

$(function(){

 $('#testSubmit').click(function(){
    $return = confirm ("Do you want to continue?");
    if ($return == true){
        if ( $(this).hasClass('alertWhenDone') == true){
            //doStuff
            alert('done');                
        }
    }
 })        
})

于 2012-07-14T00:58:43.447 に答える