Как определить изменение значения кнопки в JQuery?

У меня есть форма регистрации, на которой есть кнопка отправки со значением «ПОЛУЧИТЕ МГНОВЕННЫЙ ДОСТУП!» :Как определить изменение значения кнопки в 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>

Живой URL: http://www.idynbiz.com/web/html/gold_ira_vf/? (просто чтобы показать, как кнопка меняет свое значение)

Может кто-то один поможет, как я могу определить, значение кнопки и показать мою всплывающее окно? Кнопка изменит свое значение в реальном времени (Ajax). Не обновляется страница.

Есть ли какой-либо подход JQuery с функцией bind() Или функция on() для определения значения?

источник

2015-02-06 Irfan Dayan

Используйте 'window.location.reload()' перед выполнением '.bind()' или вы можете использовать '.val()' для получения значения некоторого тега. –

Эта ссылка может быть полезна. http://stackoverflow.com/questions/7837510/domsubtreemodified-not-working-in-chrome –

@PrabhuVigneshRajagopal, я не могу использовать перезагрузку страницы. .val() не указывает значение во время выполнения. –

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

ответ

Смежные вопросы