javascript:如果选择了单选按钮，则在提交时等待 2 秒，然后显示警报

Question

我正在尝试设置一个单选按钮，以便如果选择它，则在提交时等待 2 秒，然后发出警报。这感觉非常接近，但不起作用:

<input type="radio" name="option" id="email" value="email" onsubmit="setTimeout(function() { alert('You chose email'); },2000);">

我的提交按钮:

<button type="submit" name="choice" value="choice">

Answer 1

onsubmit适用于<form> ，不是<button> 。您需要将提交按钮和单选按钮放在 <form> 内。 ，然后您可以添加 onsubmit到表单标签。

或者，如果您只想在单选按钮更改时创建弹出窗口，则可以使用 onclick单选按钮的属性，例如

更新:使用 jQuery 的示例

假设您有一个如下所示的表单:

<form id="myForm">
    <input type="radio" name="option" id="email" value="email">
    <button>Submit</button>
</form>

您可以在提交表单时触发事件，如下所示:

$("#myForm").submit(function(event) {
    if($("#email").is(':checked')) {
        setTimeout(function() { 
            alert('You chose email'); 
        }, 2000);
    }
    event.preventDefault();  // prevent page from being reloaded
});