从预算中减去单选按钮值

时间:2014-11-30 12:52:17

标签: javascript jquery html css

在预算游戏中,用户有一笔金额(1200亿美元),他可以点击单选按钮。每次点击时,将从金额中减去单选按钮的值,以显示节省的金额。它适用于小提琴,但在网站上无效:

这是JS代码:

$("input[type=radio]").click(function() {
var total = 120000000;
$("input[type=radio]:checked").each(function() {
    total -= parseFloat($(this).val());
});
var total2 = 120000000 - total; 
$("#totalSum").html(total2);
});

这是小提琴:http://jsfiddle.net/fw27291a/5/

以下是网站:http://labs.tageswoche.ch/budget/budget.html

2 个答案:

答案 0 :(得分:1)

你的网站上的脚本没问题。

网站中,请检查所有复选框中的属性。其中一些没有任何值导致返回 NaN

$("input[type=radio]").click(function() {
   var total = 120000000;
   $("input[type=radio]:checked").each(function() {
     //**************this will print some NaN Values   
      alert(parseFloat($(this).val()));
     //**************this will print some NaN Values   

      total -= parseFloat($(this).val());

   });

   $("#totalSum").html(total);
});    

答案 1 :(得分:0)

totalValuediv而不是input:你必须写:$("#totalSum").html(total);

更新了小提琴:http://jsfiddle.net/fw27291a/12/