Javascript 如何从输入框中获取值

我有下面的HTML和JS代码和问题，当我点击savebtn按钮时，我不太确定如何从类为bti、bi、bp和bb的输入框中获取值。我真的希望有人能帮我，给我一个提示！致意

$（文档）.ready（函数（）{
$（'.savebtn'）。单击（函数（）{
//如何获取值？
}); 
});

欣祖夫和乌姆勒；消息
它将是这样的

  $('.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()));   
      });
  });

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

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

var values = [];

然后向该数组中添加一个对象，该对象的值分别为
bti
、
bi
、
bp
和
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

jQuery（文档）.ready（函数（$）{
var formControl=$（“.form control”）；
$（'.savebtn'）。打开（“单击”，函数（）{
//如何获取值？
对于（var i=0；i

注意我们的目标是选择器
.form控件
，它是所有
输入
字段的通用类

就个人而言，我会给每个输入元素一个名称，将它们全部包装在一个表单中，然后使用$（“#表单”）.serializeArray（）

或$（“#表单”）.serialize（），具体取决于您对数据的处理方式。您应该能够使用$（“：input[type=text]”并将每个值存储在一个数组中。是否有任何理由将每个文本框作为不同的类？您可以将它们都作为一个类，并使用ID作为唯一标识符。是否存在多个面板标题以及每个输入框中多个标题的问题？最后，我想在一个特定的活动中增加一个酒吧老板，他为该活动所做的销售。所以，如果一个活动有4个酒吧老板，我想把他们的个人销售数据添加到我的数据库中！