如何檢測JQuery中的按鈕值更改？

我有一個註冊表單，其中提交的值爲「GET INSTANT ACCESS！」：提交如何檢測JQuery中的按鈕值更改？

<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>

直播網址：http://www.idynbiz.com/web/html/gold_ira_vf/?（只是爲了顯示按鈕如何改變其值）

一些可以一個扶我怎麼能檢測按鍵值並顯示我的彈出？該按鈕實時更改其值（Ajax）。沒有頁面刷新。

有沒有用bind（）或on（）函數來檢測值的任何JQuery方法？

來源

2015-02-06 Irfan Dayan

使用'window.location.reload（）;'做'之前.bind（）'或者你可以用'.VAL（）'獲取某個標籤的值。 – 2015-02-06 06:59:57

此鏈接可能有幫助。 http://stackoverflow.com/questions/7837510/domsubtreemodified-not-working-in-chrome – 2015-02-06 07:00:48

@PrabhuVigneshRajagopal，我不能使用頁面重新加載。 .val（）不會在運行時告訴該值。 – 2015-02-06 07:04:18

$(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>

來源

2015-02-06 07:24:41

你在找這樣的：

$(document).ready(function() { 
    $('.wf-button').click(function() { 
     $.ajax({ 
      url: "getvalue.php", 
      data: data, 
      success: function(data) { 
       var a = $('.wf-button').prop('value', 'Thank you'); 
       if (a = 'Thank you') { 
        $('.modalbox').show();//your popup box 
       } 
      } 
     }); 
    }); 
});

來源

2015-02-06 07:29:00 Dileep

OK，當點擊按鈕，提交表單保存。只寫這些代碼

$(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 
     } 
    }); 
});

我敢肯定，這將工作

來源

2015-02-06 07:29:17 Kashyap

您可以使用下面的函數在JavaScript它獲取後的任何所謂>樣的回傳，即同步或異步的。

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

希望工程....

來源

2017-06-22 11:38:26

如何檢測JQuery中的按鈕值更改？

回答

相關問題