Buttonのvalueの値を動的に変更する
JQuery 2.1.4でButtonを押した時にボタンに表示されているテキストを変更する処理をしたいのですが、ネットで調べた「.val('変更後のテキスト')」の方法では変更できず難航していましたが、下記サイトでrefreshを使わないと反映されないとありました。
下記のようなコードにしたところ、ボタンを押した時にテキストが変更されました。
~~~ input(type='button', id='start-stop-button', name='start-stop-button' value='Start') ~~~
$(document).on('click', '#start-stop-button', function() { var value = $(this).val(); if(value === 'Start') { // .valの後に.button('refresh')をする。 $(this).val('Stop').button('refresh'); $('#time').html('00:00:00'); hour = 0; min = 0; sec = 0; timer = setInterval(timerCount, 1000); } else { clearInterval(timer); $(this).val('Start').button('refresh'); } });
JQueryのバージョンが変わってから方法が変わったのでしょうか。