2在$ document.ready(function)行为中提交按钮 - Jquery

时间:2018-04-11 00:35:57

标签: javascript jquery submit-button

我在ready(函数)中实现了2个按钮的行为。 button1和button2。我在每个点击功能下添加了一个alert()。按钮2工作但不是button1?我可以在同一$ document.ready(功能)下有2个按钮吗?

$(document).ready( function() {                                                                                    

// a user clicks submit2                              
$('#submit2').click( function() {                                         
    alert("button2");                                                                                                                       
    return false;  // prevents 'normal' form submission                   

});                                                                       

//a user clicks submit1                              
$('#submit1').click( function() {                                                                                              
    alert("button1");                                                       
    return false;  // prevents 'normal' form submission                   

});                                                                       

});

1 个答案:

答案 0 :(得分:0)

为每个提交按钮添加防止默认值。

 $('#submit2').click( function(e) {
    e.preventDefault()                                         
    alert("button2");                                                                                                                       
    return false;  // prevents 'normal' form submission                   

});                                                                       

//a user clicks submit1                              
$('#submit1').click( function(e) {      
    e.preventDefault()                                                                                        
    alert("button1");                                                       
    return false;  // prevents 'normal' form submission                   

});