Question

当我第一次点击按钮时，会出现一个地址选择，当我第二次，第三次点击同一个按钮时，它将是第二个，第三个地址选择，请帮我如何使用HTML和Javascript实现这个功能谢谢！

Answer 1

jQuery中的函数.toggle()在较新版本中已过时。我们设置一个标志并以这种方式做得更好：

＆＃13;

$(function () {
  var inputCount = 0;
  $("input").click(function () {
    var functionsArray = [function () {
      alert(1);
    }, function () {
      alert(2);
    }, function () {
      alert(3);
    }];
    functionsArray[inputCount++]();
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="button" value="Click Me!" />

＆＃13;

Answer 2

你可以这样做：

＆＃13;

$('.addAddress').on('click', function() {
  $('.form').append('<input type="text" name="address" id="address"/>');
});

＆＃13;

.form input {
  display: block;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="form">
  <label for="address">Address</label>
</form>
<button class="addAddress">+</button>

＆＃13;

每次点击+ button时，都会在表单中插入一个新字段。

html + js：第三次单击按钮，它将运行第三个函数

2 个答案: