如何使用JQuery获取条件语句的按钮值?

时间:2015-08-02 23:41:31

标签: jquery

在使用JQuery单击按钮时,我很难尝试获取按钮的值。 我可以使用其他语句更改按钮值,但是我需要在再次单击时检查该值。现在它看起来像..

$(document).ready(function () {
    $("#btnSubmit").click(function () {
        if ($("#btnSubmit").attr('value', "Submit")) {
            SubmitData();
            ClearTextBoxes();
        }
        else if ($("#btnSubmit").attr('value',"Update")) {
            SubmitUpdateData();
            ClearTextBoxes();

        }
    });
});

我也试过..

.val() == "Submit"
.attr('value') == "Submit"
.text == "Submit"

但这些都没有奏效。

修改

这是我的按钮..

<input id="btnSubmit" type="button" value="Submit" class="btn btn-primary" />

1 个答案:

答案 0 :(得分:2)

尝试比较button的价值。

  $(document).ready(function () {
  var val = $(this).val();
    if(val === 'Submit'){
        SubmitData();
        ClearTextBoxes();
       //you can also change the value of the button here
       $(this).val('Update');
    }else if(val === 'Update'){
        SubmitUpdateData();
        ClearTextBoxes();
       //you can also change the value of the button here
       $(this).val('Submit');
    }
   });
  });

$(function(){
    $('#btn').click(function(){
        var val = $(this).val();
        if(val === 'Submit'){
            //SubmitData();
            //ClearTextBoxes();
            $(this).val('Update');
        }else if(val === 'Update'){
            //SubmitUpdateData();
            //ClearTextBoxes();
            $(this).val('Submit');
        }
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="Submit" id="btn">