Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery,计算2个价格,显示总计_Javascript_Jquery_Html - Fatal编程技术网

Javascript JQuery,计算2个价格,显示总计

Javascript JQuery,计算2个价格,显示总计,javascript,jquery,html,Javascript,Jquery,Html,我想根据选择的两个单选按钮计算总价。以下是我所拥有的: 单选按钮 html输入类是fare <td class='v2'><input type='radio' name='fare' value='STANDARD' id='rbt2'>625,06</td> <td class='v2'><input type='radio' name='fare2' value='STANDARD' id='rbt9'>884,34</td

我想根据选择的两个单选按钮计算总价。以下是我所拥有的:

单选按钮

html输入类是fare

<td class='v2'><input type='radio' name='fare' value='STANDARD' id='rbt2'>625,06</td>
<td class='v2'><input type='radio' name='fare2' value='STANDARD' id='rbt9'>884,34</td>

$(document).ready(function(){
           $("#rbt, #rbt2, #rbt3, #rbt4, #rbt5, #rbt6, #rbt7").click(function(){
                $("#fare").html($(this).closest("td").text());
           });
       });

       $(document).ready(function(){
           $("#rbt8, #rbt9, #rbt10, #rbt11, #rbt12, #rbt13, #rbt14").click(function(){
                 $("#fare2").html($(this).closest("td").text()); 
           });
       });
html输出

<tr>
   <td class="sc2" id="fare"></td>
   <td>+</td>
   <td class="sc2" id="fare2"></td>
   <td>=</td>
   <td><span class="total">0</span></td>
 </tr>
<tr>
   ...
   <td><span id="total">0</span></td> <---- change 'class' to 'id'
 </tr>

+
=
0
总数没有显示出来。非常感谢你的帮助。谢谢

给你:

$(document).ready(function(){
    ...
    $(".fare").keyup(function(){
        calculateTotal(); <--- you don't need to use each() here.
    });

});

function calculateTotal() {
    ...
    $("#total").html(total.toFixed(2));
}
$(文档).ready(函数(){
...
$(“.fare”).keyup(函数(){

计算总数;我可以看到你单选按钮的HTML吗?你想什么时候计算总数?什么事件?你能发布足够的HTML来澄清吗?刚刚更新,见上文。事件应该在第二个单选按钮被点击时发生。另外,请注意,尽管有多个文档就绪处理程序可以工作,但你不需要这样做,不适用于同一源文件中的代码。只需将两个
。click()
调用放在同一个文档就绪处理程序中。“STANDARD”不是一个数字,因此它当然不会更新。
<tr>
   ...
   <td><span id="total">0</span></td> <---- change 'class' to 'id'
 </tr>