Javascript JQuery,计算2个价格,显示总计
我想根据选择的两个单选按钮计算总价。以下是我所拥有的: 单选按钮 html输入类是fareJavascript 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
<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>