在输入的VALUE属性中添加一些javascript变量 [英] adding some javascript variable into input's VALUE attribute

问题描述

获得了一些可以很好地用作文本的js动画点，

Got some js animated dots that work fine as text,

var dots = 0;

$(document).ready(function()
{
    setInterval (type, 600);
});

function type()
{
    if(dots < 3)
    {
        $('#dots').append('.');
        dots++;
    }
    else
    {
        $('#dots').html('');
        dots = 0;
    }
}

但不能在我的输入按钮的VALUE属性中使用它(处理"之后).

but can not use it in the VALUE attribute of my input button (after "processing").

<input type="button" value="Pay" onClick="this.disabled=true; this.value='Processing'">

如何以正确的方式插入? http://jsfiddle.net/te58dadw/2/

How to insert it in the right way? http://jsfiddle.net/te58dadw/2/

推荐答案

在jQuery中使用.attr('value', '.....')或.val()

in jQuery use .attr('value', '.....') or .val()

var dots = 0;

$(document).ready(function() {
  $('#payDots').on('click', function() {
    $(this).attr('disabled', 'disabled');
    setInterval(type, 600);
  })

});

function type() {
  var dot = '.';
  if(dots < 3) {
    $('#payDots').val('processing' + dot.repeat(dots));
    dots++;
  }
  else {
    $('#payDots').val('processing');
    dots = 0;
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input id="payDots" type="button" value="Pay">

这篇关于在输入的VALUE属性中添加一些javascript变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！