来自div的两个变量的总和 [英] Sum of two variables from div

问题描述

我想使用javascript自动求和这两个字段，

在搜索了更多关于我想要的内容之后，我在表格上找到了这个示例，请如何将其更改为在div上工作

http://jsfiddle.net / gXdwb / 3 /

这些是我的字段

 < DIV>类=形式的基团> 
< label for =nbStudentA>编号学生A< / label> 
< div> 
 {{form_widget（form.nbStudentA，{'attr'：{'class'：'form-control'}}）}} 
< / div> 
< / div> 
 
 
< div class =form-group> 
< label for =nbStudentB> Number Student B< / label> 
< div class =col-sm-9> 
 {{form_widget（form.nbStudentB，{'attr'：{'class'：'form-control'}}）}} 
< / div> 
< / div> 
 
< div class =form-group> 
< label for =Sum> Sum Students：< / label> 
< div> 
< input type =textclass =Sumname =totalvalue =/> 
< / div> 
< / div> 
  

更新：

我之前尝试过的是用twig对两个变量进行求和，但是它在服务器端完成，我想要的是在用户输入变量时实现总和：

 < div> 
< label> Sum< / label> 
< div> 
 {％set foo = form.nbStudentA + form.nbStudentB％} 
 {{foo}} 
< / div> 
< / div> 
  

解决方案

work.If你只需要div

 < div id =std-1> 1< / div> 
< div id =std-2> 2< / div> 
< div> {{one + two}}< / div> 
< / div> 
 //脚本
 $ scope.one = parseInt（document.getElementById（'std-1'）。innerHTML）; 
 $ scope.two = parseInt（document.getElementById（'std-2'）。innerHTML）; 
  

或者您不介意输入字段并将其设为动态

< script src =https://ajax.googleapis.com/ajax/libs/jquery/2.1。 0 / jquery.min.js>< / script>< script src =https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js><<< ; /脚本> < div ng-app> < div class =std-1>学生一：< input ng-model =student.onetype =number/> < / DIV> < div class =std-2>学生二：< input ng-model =student.twotype =number/> < / DIV> < div>总计：{{student.one + student.two}}< / div> < / div>

I want to sum the two field automatically using javascript ,

After searching more about what I want exactly I found this example on table please how can I change it to work on divs

http://jsfiddle.net/gXdwb/3/

Those are my fields

<div> class="form-group">
    <label for="nbStudentA" >Number student A</label>
    <div> 
        {{ form_widget(form.nbStudentA, {'attr':{'class': 'form-control'}}) }}
    </div>
</div>


<div class="form-group">
    <label for=" nbStudentB " >Number Student B</label>
    <div class="col-sm-9">
      {{ form_widget(form.nbStudentB, {'attr':{'class': 'form-control'}}) }}
    </div>
</div>

<div class="form-group">
    <label for="Sum" >Sum Students :</label>
    <div>
        <input  type="text" class="Sum"  name="total" value=""/>
    </div>
</div>

update:

what I have tried before is to sum the two variables using twig but it's done on the server side and what I want is the effectuate the sum just when the user enter the variables:

<div >
    <label>Sum </label>
    <div >
        {% set foo = form.nbStudentA + form.nbStudentB %}
       {{ foo }}
    </div>
</div>

解决方案

Don't know exactly what you want but this does work.If you want from only div

<div id="std-1">1</div>
<div id="std-2">2</div>
<div>{{one + two}}</div>
</div>
 //scripts
 $scope.one=parseInt(document.getElementById('std-1').innerHTML);
 $scope.two=parseInt(document.getElementById('std-2').innerHTML);

or you don't mind input fields and making it dynamic

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
    <div ng-app>
    <div class="std-1">
     Student one: <input ng-model="student.one " type="number"/>
    </div>
    <div class="std-2">
     Student two:  <input ng-model="student.two " type="number"/>
    </div>
    <div>Sum: {{student.one + student.two}}</div>
    </div>

这篇关于来自div的两个变量的总和的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！