Question

我正在尝试触发隐藏按钮。不幸的是，这个事件不起作用。这是代码：

<div class="dyn-inp-group">
  <div class="dyn-inps">
          <div class="form-group form-group-options col-xs-12 dyn-inp">
            <div class="col-md-6" style="padding: 0 10px 0 0;">
              <input class="form-control" class="customerfirstName" name="customer[firstName][]" type="text" placeholder="First name" required="required">
            </div>
            <div class="entry input-group col-md-6" style="margin: 0;">
              <input class="form-control" name="customer[lastName][]" type="text" placeholder="Last name" required="required">
              <span class="input-group-btn hidden">
                <button id="remove"  class="btn btn-info btn-remove" type="button">
                  <span class="glyphicon glyphicon-minus"></span>
                </button>
              </span>
            </div>
          </div>
        </div>

<div class="form-group form-group-options col-xs-12 dyn-btn">
          <div class="input-group col-xs-12">
            <button id="countInput" class="btn btn-default" type="button">
              <span class="glyphicon glyphicon-plus"></span> Add  more
            </button>
          </div>
        </div>
          </div>

当您点击＆＃34;添加按钮＆＃34;时，我正在计算所有输入。

 var customerCount= 1 ;
$( "#countInput" ).click(function() {
 var e = document.getElementsByTagName('input');
 var i ;
var s = 1 ;

for(i=0; i < e.length; i++) {
if(e[i].type== "text" && e[i].name=="customer[firstName][]" ) { s++  ; }}
 customerCount=s;
});

我还有一个删除按钮。删除按钮不起作用。当我点击删除按钮时，我想再次计算输入字段。

$( "#countInput" ).click(function() { This does not work

有什么想法吗？

Answer 1

我没有看到任何问题。按钮点击都正常工作

USER_ID | USER_NAME | HOME_ADDRESS | WORK_ADDRESS 
--------------------------------------------------
659   |  John    |   New York      | New Jersey
660   |  Andrew  |   San Francisco | Fremont

点击此处：https://jsfiddle.net/ucnh4z4q/1/

Answer 2

由于你已经在使用JQuery，你可以使用.each（）而不是将纯js与JQuery混合定义很多无用的变量

var customerCount= 1 ;

$('#countInput').click(function() {
    $('input').each(function(item) {
    var newCustomer;
    if($(this).attr('name') === 'customer[firstName][]')
        customerCount+=1;
  });
    console.log(customerCount);
});

$('#remove').click(function() {
    customerCount-=1;
  console.log(customerCount);
});

Here a working jsfiddle

触发隐藏按钮不起作用

2 个答案: