Question

我有一个数字输入字段数组，需要在每个输入字段旁边放一个删除按钮。这里是fiddle以供参考。

尝试制作一个功能（见下文），但无法使其正常工作。请帮助，提前致谢：）

  function delamount() {
     $(".delbtn").click(function() {

         var a = $(this).data('value');
         var b = $("#value" + a);

         b.value = '0.00';


     });
 }

Answer 1

有一些事情正在发生：首先，你的小提琴不知道使用jQuery。其次，是的，你定义了一个onclick然后你告诉onclick在click上绑定函数，这将成为一个巨大的重复循环。试试这个：

var a, b;
  $(".delbtn").on("click", function() {

    a = $(this).data('for');
    b = $("#"+a);

    b.val('0.00');

  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="width: 25px; float:left;">
  <button data-for="value01" class="delbtn" id="delamt01">X</button>
  <button data-for="value02" class="delbtn" id="delamt02">X</button>
  <button data-for="value03" class="delbtn" id="delamt03">X</button>
  <button data-for="value04" class="delbtn" id="delamt04">X</button>
  <button data-for="value05" class="delbtn" id="delamt05">X</button>
</div>


<div style="width: 20%; float:left;">
  <input class="sizebox" type="number" id="value01" name="value01" value="0.00" />
  <br>
  <input class="sizebox" type="number" id="value02" name="value02" value="0.00" />
  <br>
  <input class="sizebox" type="number" id="value03" name="value03" value="0.00"/>
  <br>
  <input class="sizebox" type="number" id="value04" name="value04" value="0.00"/>
  <br>
  <input class="sizebox" type="number" id="value05" name="value05" value="0.00"/>
  <br>
</div>

我删除了onclick，并通过jQuery绑定了click处理程序。我将数据元素移动到按钮本身。希望它有所帮助！

好的，然后我做了一个更改 - 数据值属性现在是数据 - （很像属性的标签）。这减少了对目标输入的一致命名的依赖性。除此之外，几乎一样。

删除相应输入字段旁边的按钮

1 个答案: