Question

我需要实现的是所有文本框的总和（文本框的动态数量可以是基于用户设置的1到10）并在总文本框中显示。所有文本框都是可编辑的。如果用户在输入单个值之前直接输入总数，那么我们不应该使用文本框的总和来更新它，但如果用户在输入总值之前输入单个值，那么我们应该计算总数。

由于我不熟悉UI开发，因此很难实现

非常感谢任何帮助。

Answer 1

＆＃13;

function start(){
  $('#test_out').empty();
  var randon_numbers = 1 + Math.floor(Math.random() * 10);  //random inputs count

  for (var i = 0; i < randon_numbers; i++) {
	  var randon_valies = 1 + Math.floor(Math.random() * 50);
	  $('#test_out').append('<div><input class="cls_texts" type="text" value="'+randon_valies+'"></div>');
  }

  var total=0;
  $('.cls_texts').each(function(){
	   var cur_val=parseInt($(this).val(),10)||0;
	   total+=cur_val;
   });
   $('#test_out').append('<div>Total : '+total+'</div>');
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Click "start" button more... more.. more...=)
<div id="test_out"></div>
<input type="button" value="start" onclick="start();">

＆＃13;

总texbox中所有文本框的总和

1 个答案: