填写输入字段时如何递增计数器值?

时间:2017-08-16 04:50:43

标签: javascript jquery laravel

这是我的laravel观看代码。在这里,我试图增加计数器值(即,值=" 0/5")。我在模态中有输入字段,当单击模型内部的保存按钮时,该值应根据填充的输入字段递增。(1 / 5..2 / 5 ..)

我试图递增这些计数器值。但它显示 NaN



var val;
$("input").click(function() {
  val = $('#counter').val();
  val++;
  $('#counter').prop('value', val)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="panel-title pull-left">
  <i class="fa fa-check-circle" style="font-size:20px;color:lightgreen">
     </i> Price,stock and Shipping Information<input type="submit" id="counter" value="0/5" style="background-color: transparent; border:none">
</div>
&#13;
&#13;
&#13;

6 个答案:

答案 0 :(得分:1)

df = df.groupby('Name').max()
print (df)
        Apple  Banana  Orange  Pear
Name                               
Bob         0       1       0     0
Connie      0       0       0     1
John        0       1       1     0
Mike        1       0       0     1

答案 1 :(得分:1)

实际上你的代码工作正常。由于您在视图内部具有视图(仅在单击事件上显示或显示),因此您应该使用jQuery&#34; on &#34;增强单击处理函数定义的方法。在这种情况下,您应该让代码正常工作

&#13;
&#13;
var val;
$(document).on('click','#counter',function()
{
   val = $('#counter').val();
   val++;
   $('#counter').prop('value',val )
});
&#13;
 <div class="panel-title pull-left">
 <i class="fa fa-check-circle" style="font-size:20px;color:lightgreen">
 </i>
 Price,stock and Shipping Information<input type="submit" id="counter" 
 **value="0/5"** style="background-color: transparent; border:none">
  </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

答案 2 :(得分:1)

您可以使用正则表达式在import timeit t = timeit.repeat('np.sum(X,axis=0)', setup="import numpy as np; X = np.ones((10000,10000),dtype='float64')", repeat=50, number=1); print(min(t)); t = timeit.repeat('np.sum(X,axis=1)', setup="import numpy as np; X = np.ones((10000,10000),dtype='float64')", repeat=50, number=1); print(min(t)); t = timeit.repeat('np.sum(X,axis=0)', setup="import numpy as np; X = np.ones((10000,10000),dtype='int64')", repeat=50, number=1); print(min(t)); t = timeit.repeat('np.sum(X,axis=1)', setup="import numpy as np; X = np.ones((10000,10000),dtype='int64')", repeat=50, number=1); print(min(t)); 字符

之前解析数据
Python 2.7.13 |Continuum Analytics, Inc.| (default, Dec 20 2016, 23:05:08) 
IPython 5.3.0 -- An enhanced Interactive Python.
numpy 1.12.1

0.0637669563293 # float64, axis=0
0.0558688640594 # float64, axis=1
0.0669782161713 # int64, axis=0
0.0576930046082 # int64, axis=1

答案 3 :(得分:1)

如果您希望像1/5..2/5那样增加。请使用split并仅增加上限值。

&#13;
&#13;
var val;
$("input").click(function() {
  val = $('#counter').val().split("/");
  //check eqal value with base
  if(val[0] == val[1]) {
   return false;
  }
  val[0]++;
  
  $('#counter').prop('value', val[0]+"/"+val[1]);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="panel-title pull-left">
  <i class="fa fa-check-circle" style="font-size:20px;color:lightgreen">
     </i> Price,stock and Shipping Information<input type="submit" id="counter" value="0/5"  style="background-color: transparent; border:none">
</div>
&#13;
&#13;
&#13;

答案 4 :(得分:1)

您也可以试试这个。

$("#counter").on("click",function(){
  var counterBtn = document.getElementById("counter");
  var count = counterBtn.value;
  //alert(count.split("/")[0]);
  count = count.split("/");
  counterBtn.value = ((parseInt(count[0])+1)%(parseInt(count[1])+1))+"/"+count[1];
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="panel-title pull-left">
  <i class="fa fa-check-circle" style="font-size:20px;color:lightgreen">
     </i> Price,stock and Shipping Information<input type="submit" id="counter" value="0/5" style="background-color: transparent; border:none">
</div>

答案 5 :(得分:0)

以下是您的解决方案:

$("input").click(function() {
    var val = $('#counter').val();
    $('#counter').prop('value', `${++val % 6}/5`);
});

还有一个工作小提琴:

https://jsfiddle.net/wv2x0mx5/4/