如何检测 JQuery 中的按钮值变化？答案

【问题标题】：How to detect button value change in JQuery?如何检测 JQuery 中的按钮值变化？
【发布时间】：2015-02-06 06:52:44
【问题描述】：

我有一个带有提交按钮的注册表单，其值为“获取即时访问！” ：

<input type="submit" class="wf-button" name="submit" value="GET INSTANT ACCESS!">

提交后，值变为“谢谢！”：

<input type="button" class="wf-button" value="Thank You!">

我需要检测按钮值。如果它变成“谢谢你！”然后我必须显示一个弹出窗口。这个值会被一些 Ajax（GetResponse 表单）改变。没有页面刷新。

我试过下面的代码，但它只能在 FireFox 中工作，而不能在 Chrome 中工作。

<script>
    $(function() {
        $(".modalbox").fancybox();
    });
    $(function() {
        $('.wf-button').bind("DOMSubtreeModified",function(){
            //if btn valu is 'Thank You! trigger popup'                    
            $(".modalbox").trigger('click');

        });
    });
</script>

实时 URL：http://www.idynbiz.com/web/html/gold_ira_vf/?（仅显示按钮如何更改其值）

有人可以帮助我如何检测按钮值并显示我的弹出窗口吗？该按钮实时更改其值（Ajax）。没有页面刷新。

是否有任何 JQuery 方法使用 bind() 或 on() 函数来检测值？

【问题讨论】：

在执行.bind() 之前使用window.location.reload();，或者您可以使用.val() 获取某个标签的值。
此链接可能会有所帮助。 stackoverflow.com/questions/7837510/…
@PrabhuVigneshRajagopal，我无法使用页面重新加载。 .val() 不会告诉运行时的值。
@IrfanDayan 好的，但您的链接似乎在 Firefox 和 chrome 中都可以使用。
@PrabhuVigneshRajagopal，链接只是向您展示按钮以及它如何改变它的值。值改变后没有触发器，这就是我想要的。

标签： javascript jquery html ajax

【解决方案1】：

$(function() {
  $('.btn1').on('change', function() {
    alert('Do stuff...');
  });
  $('.lnk1').on('click', function() {
    $('.btn1').val('Thank you!');
    $('.btn1').trigger('change');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="submit" class="btn1" value="SUBSCRIBE" />
<a href="#" class="lnk1">Change button value</a>

【讨论】：

【解决方案2】：

好的，单击按钮并提交表单以进行保存时。写这些代码就行了

$(document).ready(function ()
{
   $('.wf-button').click(function ()
   {
     var valueofbutton = $(this).attr('value');
     if(valueofbutton == 'Thank You!')
       {
          window.open(); //// whatever you want to open in popup
       }
   });
});

我相信这会奏效

【讨论】：

【解决方案3】：

您可以在 javascript 中使用以下函数，该函数在任何类型的回发后调用，即同步或异步。

function pageLoad() { if($(".wf-button").val()=="Thank You!") { // show your popup } }

希望它有效....

【讨论】：