Solved

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

Posted on 2011-03-23
7
150 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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
Creating Instructional Tutorials  

For Any Use & On Any Platform

Contextual Guidance at the moment of need helps your employees/users adopt software o& achieve even the most complex tasks instantly. Boost knowledge retention, software adoption & employee engagement with easy solution.

 

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

[Webinar] Code, Load, and Grow

Managing multiple websites, servers, applications, and security on a daily basis? Join us for a webinar on May 25th to learn how to simplify administration and management of virtual hosts for IT admins, create a secure environment, and deploy code more effectively and frequently.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

752 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