2017-06-07 4 views
0

私はチェックボックスを持っており、onchange関数を使ってチェックボックスをクリックするといくつかの操作を実行できます。しかし、私が必要とするのは、ポップアップ/警告のようなプロンプトを出さなければならないということです。チェックボックスをクリックすると、不可逆的な変化が起こる可能性があります。ユーザーがポップアップでokをクリックした場合はonchange関数を使用し、そうでない場合はユーザーがキャンセルをクリックした場合は変更操作を元に戻します。これを行う方法はありますか?私はfirePromptとしてsetTimeoutを追加する必要がありました変更前に実行する入力チェックボックスのリスナーはありますか

+0

@Jonnoこの質問とは関係ありません – epascarello

答えて

0
var checkbox = document.getElementById('myCheckbox'); 

checkbox.addEventListener('change', firePrompt); 

function firePrompt(e) { 
    if (e.target.checked) { 
    setTimeout(function() { 
     var result = confirm('Proceed?'); 
     if (result) { 
     alert('User said OK'); 
     } else { 
     alert('User said no!'); 
     e.target.checked = false; 
     } 
    }, 5) 
    } 
} 

はすぐに解雇されたとユーザーがどちらかOKまたはCancelをクリックするまでの目盛りが表示されません。

ここにaですJSFiddle

関連する問題