Javascript 如何添加";。01“;使用jquery创建文本框值

Javascript 如何添加";。01“;使用jquery创建文本框值,javascript,jquery,html,Javascript,Jquery,Html,我不熟悉jQuery。我有一个带有两个输入框的表单 <form> <div class="col-md-6"> <div class="form-group "> <label for="minAmt" class="col-lg-4 control-label">Min.Amount</label> <div class="col-lg-6"> <input type=

我不熟悉jQuery。我有一个带有两个输入框的表单

<form>
<div class="col-md-6">
    <div class="form-group ">
      <label for="minAmt" class="col-lg-4 control-label">Min.Amount</label>
      <div class="col-lg-6">
        <input type="text" class="form-control minAmt" id="minAmt" name="minAmt" placeholder="Enter Min Amount" />
      </div>
    </div>
      <div class="form-group ">
      <label for="maxAmt" class="col-lg-4 control-label">Max.Amount</label>
      <div class="col-lg-6">
        <input type="text" class="form-control maxAmt" id="maxAmt" name="maxAmt" placeholder="Enter Max Amount" />
      </div>
    </div>
</div>
<div class="col-md-12">
    <div class="form-actions btnzone">
       <button type="button" class="btn btn-success savebtn" style="padding: 6px 12px;margin-left: 40%;" id="addbutton" ><i class="icon-check-sign" aria-hidden="false"></i>Add</button>
    </div>
</div>
</form>
<form  class="form-horizontal" role="form" id="limits" >
    <div class="col-md-12" style="height:150px;overflow:auto;margin-top:5px;">
      <table id="table" class="table table-hover table-fixed" width="100%" cellspacing="0" style="border: 1px; height:10px;" >
        <thead style="background-color:#CCE5FF">
           <tr>
             <th>Min.Amount</th>
             <th>Max.Amount</th>
           </tr>
         </thead>
      <tbody>     
      </tbody>
    </table>
  </div>
</form>

最低金额
最高金额
添加
最低金额
最高金额
首先,用户输入最小值和最大值,然后单击“添加”按钮。然后,这些值将以表格格式显示在最小和最大列中

然后第一个输入框被禁用,并获取先前添加的最大值的值。用户现在只需输入新的最大值,然后再次按“添加”

这样,可以将多个连续范围添加到表中

代码如下:

$("button#addbutton").click(function(){
    var minAmt=$("#minAmt").val();
    var maxAmt=$("#maxAmt").val();

    var new_row = "<tr id='row"+i+"' class='info'><td class='minAmt'>" + minAmt + "</td><td class='maxAmt'>" + maxAmt + "</td></tr>";
    $("table tbody").append(new_row);

    $("#minAmt").val($('td.maxAmt').last().text()).prop("disabled","disabled");
    $("#maxAmt").val('');
});
$(“按钮添加按钮”)。单击(函数(){
var minAmt=$(“#minAmt”).val();
var maxAmt=$(“#maxAmt”).val();
var new_row=“”+minAmt+“+maxant+”;
$(“表体”).append(新的行);
$(“#minAmt”).val($('td.maxant').last().text()).prop(“禁用”、“禁用”);
$(“#最大金额”).val(“”);
});
因此,在第一次单击后,用户只能输入最大金额

我的问题 我想在每次单击“添加”后将
.01
添加到最小金额(第一次手动输入最小值时除外)

例如:

首先我输入1-100

下次最低金额自动取100,所以我输入最高金额1000

单击“添加”后,我希望在表中显示100.01到1000


我如何才能做到这一点?

您可以使用以下值:

+minAmt + 0.01
请注意第一个一元加号运算符,它将字符串转换为值

以下是经过一些改进后更新的代码:

  • 更具jQuery风格的向表中添加行的方法
  • 输入验证:数值和最大值>最小值
  • i的动态计算,在代码中没有初始化
$(“按钮添加按钮”)。单击(函数(){
var minAmt=$(“#minAmt”).val();
var maxAmt=$(“#maxAmt”).val();
//一些验证
如果(minAmt=''| isNaN(minAmt)){
$(“#minAmt”).focus();
$(“#mineror”).show();
返回;
}
$(“#矿工”).hide();

如果(maxAmt=''| | isNaN(maxAmt)| |+maxAmt,则可以使用以下值:

+minAmt + 0.01
请注意第一个一元加号运算符,它将字符串转换为值

以下是经过一些改进后更新的代码:

  • 更具jQuery风格的向表中添加行的方法
  • 输入验证:数值和最大值>最小值
  • i的动态计算,在代码中没有初始化
$(“按钮添加按钮”)。单击(函数(){
var minAmt=$(“#minAmt”).val();
var maxAmt=$(“#maxAmt”).val();
//一些验证
如果(minAmt=''| isNaN(minAmt)){
$(“#minAmt”).focus();
$(“#mineror”).show();
返回;
}
$(“#矿工”).hide();

如果(maxAmt=''|| isNaN(maxAmt)| |+maxAmt谢谢你@trincot.你救了我一天我还有一个问题谢谢你@trincot.你救了我一天我还有另一个问题