Solved

Calculate a recurring payment and enter the number into a text field

Posted on 2011-03-23
7
149 Views
Last Modified: 2012-05-11
Greetings,

On a credit card transaction form for donations I have a field for donation and a check box for "Break my donation into 12 payments".

So if this check box is checked I'd like to divide the donation by 12 and enter it into the totalcharge field. If it is not checked then the total amount they entered will go into the totalcharge field.

I have had some luck doing similar manipulation in the past with jquery but I am struggling a bit with this one.

Any suggestions will be greatly appreciated.

Thank you.

Sky
0
Comment
Question by:Schuyler Kuhl
7 Comments
 
LVL 2

Expert Comment

by:mhmr
ID: 35202579
can you put some of your code?
0
 

Author Comment

by:Schuyler Kuhl
ID: 35202685
I have a text field called "donationtotal" and a text field called "chargetotal"  and a check box called submode.

If submode is checked I want to divide donationtotal by 12 and make the result chargetotal. if it is not checked then donationtotal is copied to chargetotal.

0
 
LVL 3

Expert Comment

by:babesia
ID: 35202726
just write simple js function on change for Tickbox

function Tick12() {
var temp      
 temp=donationtotal

if submode == true {
 temp=donationtotal /12
   }
 chargetotal = temp
}
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:Schuyler Kuhl
ID: 35202813
yes, this is what I am trying to do.
0
 

Author Comment

by:Schuyler Kuhl
ID: 35202833
Sorry i really don't know my syntax properly.

This is what I was writing in jquery:

<script>

    $(document).ready(function(){
   
    $('input[name=submode]').click(function(){
        if($(this).is(':checked')){
            $('input[name=chargetotal]').val()= $('input[name=donationtotal]').val()/12;
        }
        else{
           $('input[name=chargetotal]').val()= $('input[name=donationtotal]').val();
        }
    });
   
    });


</script>
0
 

Author Comment

by:Schuyler Kuhl
ID: 35203351
Ok,  This is my script in the head:

<script language="JavaScript" type="text/javascript">
<!--

function CalculateTotal() {

if document.donform.submode.value == true {
 document.donform.chargetotal.value=document.donform.donationtotal.value /12
   }
 document.donform.chargetotal.value = document.donform.donationtotal.value
}


//-->
</script>


Then on the form field I have this:

<input name="donationtotal" type="text" size="15" onChange="CalculateTotal()" />


But nothing happens at all.

Thank you.
0
 
LVL 1

Accepted Solution

by:
mrmikeprogrammer earned 500 total points
ID: 35218838
You almost have it yourself.  A few minor corrections to your function:
function CalculateTotal() {
  if ( document.donform.submode.checked ) {
    document.donform.chargetotal.value=document.donform.donationtotal.value /12;
  }
  else {
   document.donform.chargetotal.value = document.donform.donationtotal.value
  }
}

Open in new window


And, if you want to round your divided number to 2 decimal places, then replace the " = document.don.....value/12" with this:
 
 = Math.round(document.donform.donationtotal.value /12*100)/100

Open in new window


Good luck
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

680 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question