Question

我有以下HTML和JS代码以及问题，当我点击savebtn时，我不太确定如何使用类bti，bi，bp和bb从输入框中获取值按钮。我真的希望有人可以帮助我并给我一个提示！最好的问候

＆＃13;

$(document).ready(function() {
  $('.savebtn').click(function() {
    //how to i get the values?
  }); 
});

＆＃13;

<div class="modal-body">
  <?php
for ($i=0; $i<count($barkeeperarr); $i++) {
?>
  <div class="panel panel-primary" value="<?php echo $barkeeperarr[$i]->getID(); ?>"   >
    <div class="panel-heading clickablePanel">
      <div class="panel-title"><?php echo $barkeeperarr[$i]->getFirstname().' '.$barkeeperarr[$i]->getLastname(); ?></div>
    </div>
    <div class="panel-body" style="display: none">
      <div class="container-fluid">
        <div class="row" value="row" style="margin-bottom: 3px">
          <div class="col-xs-5">
            <input type="text" class="form-control bti" placeholder="Gesamtumsatz">
          </div>
          <div class="col-xs-5">
            <input type="text" class="form-control bi" placeholder="Einladung">
          </div>
          <div class="col-xs-2">
            <button type="button" class="btn btn-primary btn-sm savebtn">Hinzuf&uuml;gen</button>
          </div>
        </div>
        <div class="row" style="margin-bottom: 3px">
          <div class="col-xs-5">
            <input type="text" class="form-control bp" placeholder="Personal">
          </div>
          <div class="col-xs-5">
            <input type="text" class="form-control bb" placeholder="Bruch">
          </div>
        </div>
      </div>
    </div>
  </div>
  <?php } ?>
</div>

＆＃13;

Answer 1

会是这样的，

  $('.savebtn').click(function() {
    $.each($('input:text.form-control'), function(){
      if ($(this).prop('class') === 'bti'){
        alert('form-control bti value = ' + $(this).val()));    
      } else if ($(this).prop('class') === 'bp'){
        alert('form-control bp value = ' + $(this).val()));    
      } else if ($(this).prop('class') === 'bb'){
        alert('form-control bb value = ' + $(this).val()));   
      } else if ($(this).prop('class') === 'bi'){
        alert('form-control bi value = ' + $(this).val()));   
      });
  });

Answer 2

您可以将值存储在数组中，然后处理该数组以将值添加到数据库中。

例如，让我们创建一个名为values的数组：

var values = [];

然后将对象添加到该数组，其中包含相应类bti，bi，bp和{的值{1}}喜欢：

bb

注意我们将选择器jQuery(document).ready(function ($) { var formControl = $(".form-control"); $('.savebtn').on("click", function () { //how to i get the values? for (var i = 0; i < formControl.length; i++) { values[i] = { name: formControl[i].className.split(" ")[1], val: formControl[i].value } } }); }); // ready定位到所有.form-control字段，这是一个常见的类。

如何从输入框中获取值

2 个答案: