jQuery货币转换复选框点击使用谷歌财务api

Question

I want my amount field to get updated with the converted value of the total amount (with amount I mean the sum of amount received from all checkboxes checked). For example, I have the following checkboxes.

<input type="checkbox" value="10">
<input type="checkbox" value="20">
<input type="checkbox" value="30">

These 10, 20 and 30 (total 60) values are in USD. I want it to be converted to INR and be displayed in a div like say <div class="convertedAmount">Rs.0.00</div>. For conversion I am using Google Finance API here as shown below.

<?php
$from_Currency = "USD";
$to_Currency = "INR";
$encode_amount = 1;
$get = file_get_contents("https://www.google.com/finance/converter?a=$encode_amount&from=$from_Currency&to=$to_Currency");
$get = explode("<span class=bld>",$get);
$get = explode("</span>",$get[1]);
$converted_currency = preg_replace("/[^0-9\.]/", null, $get[0]);
echo $converted_currency;
?>

Now the problem is that I want the div value to be updated each time when checkboxes are checked or unchecked using jquery. But I have weak hands on jQuery so I am having trouble. I would be grateful if helped. Please help me.

Answer 1

I figured out the solution after sometime I posted the question. Here, I simply stored the converted value in a variable inr and multiplied it with the total summed value received from each checkbox and displayed the total in INR. Now each time a checkbox is checked or unchecked it updates the values respectively.

Enjoy the solution code below. Its fast too :D

$(document).ready(function(){
  $('input[type=checkbox]').change(function(){
    var total = 0; var inr = '<?php echo $converted_currency; ?>';
    $('input:checkbox:checked').each(function(){
      total += isNaN(parseInt($(this).val())) ? 0 : parseInt($(this).val());
    });
    $("#costdisplay").html(total);
    $("#inrdisplay").html(total*inr);
    $("input[name=ap_amount]").val(total);
    $("input[name=payment]").val(total);
    $("input[name=amount]").val(total*inr);
  });
});