Question

我想在点击按钮上增加和减少文本框名称 here an image i post to give clarification of what i have to do exactly 我尝试但文本值增加但我在该文本框中显示月份名称

感谢任何帮助。

Answer 1

您可以尝试使用Array。为数组创建月份。并使用数组参数位置应用增量和减量值。Ternary operator用于限制低于0和高于11的计数

var month = [
    "January", "February", "March",
    "April", "May", "June", "July",
    "August", "September", "October",
    "November", "December"
  ];
 var c =0;
  $('#mins').click(function(){
  c = c-- > 0 ? c-- : 0;
  $('#mnt').val(month[c])
  })
  $('#plus').click(function(){
   c = c++ < 11 ? c++ : 11;
  $('#mnt').val(month[c])
  
  })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="mnt" value="January">
<button id="mins">-</button>
<button id="plus">+</button>

Answer 2

创建一个月份名称数组，一个表示数组中当前位置的起始变量，以及一个用于保存月份输入字段的变量：

var months = ["January", "February", "March", 
              "April", "May", "June", "July", 
              "August", "September", "October", 
              "November", "December"];
var currentMonth = 0;
var monthInput = $("#month-input");

现在将点击事件添加到+和 - 按钮。您需要为每个人添加一个id属性。

$("#subtract-month-button").click(subtractMonth);
$("#add-month-button").click(addMonth);

最后，您处理点击事件的方法。

function subtractMonth () {
    if (currentMonth > 0) {
        currentMonth--;
    }
    monthInput.val(months[currentMonth]);
}

function addMonth () {
    if (currentMonth < months.length - 1) {
        currentMonth++;
    }
    monthInput.val(months[currentMonth]);
}

如何在javascript按钮单击时增加文本框（月份）名称

2 个答案: