Date Inserted when Checkbox is Checked.

**HDC** · 12-28-2006, 08:54 AM

I've got a script that gives me 2 dates in input boxes. 1 is for the current date and the other is for a date of six months in the future. I would like this future date to only populate in the text box if a checkbox is checked. One catch, the future box may already have a date in there so when checked it would have to override this value with the new 6 month date. Here is what I have thanks for the help:

<html>
<HEAD>
<script type="text/javascript">
Date.prototype.addMonths = function (m) {
var d = new Date (this.getTime())
d.setMonth (d.getMonth() + m)
return d
}

onload = function () {
document.ThisForm.OtherDate.value = formatDate(new Date());
document.ThisForm.Expiration_Date.value = formatDate(new Date().addMonths(6));
}

function formatDate(d) {
var theyear=d.getYear()
if (theyear < 1000) theyear+=1900

var theday=d.getDay()
var themonth=d.getMonth()+1
if (themonth<10) themonth="0"+themonth

var theday = d.getDate()
if (theday<10) theday="0"+theday

var displayfirst=themonth
var displaysecond=theday
var displaythird=theyear

return displayfirst+"/"+displaysecond+"/"+displaythird
}
</script>

</HEAD>

<body>
<form action="" name="ThisForm" method="post">
Today's Date: <input class=plaintext6 type="text" name="OtherDate" size="10"><br>
Expiration Date: <input class=plaintext6 type="text" name="Expiration_Date" size="10">
<input type=checkbox name="Show" value="Checked" > <i>(check for 6 months later)</i><br>
</form>

</body>
</html>

**so_is_this** · 12-28-2006, 10:10 AM

An idea:

Code:

onclick="if(this.checked){
 Expiration_Date.value = formatDate(new Date(OtherDate.value).addMonths(6));
 return this.checked = false;} return true;"

**HDC** · 12-28-2006, 11:21 AM

how would I code the actual checkbox input tag?

<input type=checkbox name="Show" value="Checked" onclick="(this.checked)">

**so_is_this** · 12-28-2006, 11:27 AM

Just insert everything I posted in place of the onclick (and its assignment) you just posted.

**HDC** · 12-28-2006, 11:34 AM

sorry that didn't work. Both boxes are now blank and when I check the box I get a javascript error.

**so_is_this** · 12-28-2006, 11:35 AM

True, the code I posted presumed that the first date would be filled in already.
That code calculates a six-month offset from the date in the first box.

**HDC** · 12-28-2006, 11:37 AM

Ok, I did get it to work however the box doesn not actually check is it possible to have the box actually check when you click on it.

Thank for the help here is what I've got:

<html>
<HEAD>
<script type="text/javascript">
Date.prototype.addMonths = function (m) {
var d = new Date (this.getTime())
d.setMonth (d.getMonth() + m)
return d
}

onload = function () {
document.ThisForm.OtherDate.value = formatDate(new Date());
document.ThisForm.Expiration_Date.value = formatDate(new Date().addMonths(6));
}

function formatDate(d) {
var theyear=d.getYear()
if (theyear < 1000) theyear+=1900

var theday=d.getDay()
var themonth=d.getMonth()+1
if (themonth<10) themonth="0"+themonth

var theday = d.getDate()
if (theday<10) theday="0"+theday

var displayfirst=themonth
var displaysecond=theday
var displaythird=theyear

return displayfirst+"/"+displaysecond+"/"+displaythird
}
</script>

</HEAD>

<body>

<form action="" name="ThisForm" method="post">
Today's Date: <input class=plaintext6 type="text" name="OtherDate" size="10"><br>
Expiration Date: <input class=plaintext6 type="text" name="Expiration_Date" size="10">

<input type=checkbox name="Show" value="Checked" onclick="if(this.checked){
Expiration_Date.value = formatDate(new Date(OtherDate.value).addMonths(6));
return this.checked = false;} return true;"> <i>(check for 6 months later)</i><br>
</form>

</body>
</html>

**so_is_this** · 12-28-2006, 11:45 AM

Yep, I did it that way so that it is easier to calculate and re-calculate a six-month offset repeatedly.
The following is changed to go back to the normal function:

Code:

onclick="if(this.checked){
 Expiration_Date.value = formatDate(new Date(OtherDate.value).addMonths(6));
 } return true;"

**HDC** · 12-28-2006, 01:33 PM

Excellent, Thanks it is perfect!

**so_is_this** · 12-28-2006, 01:47 PM

Salud!

**HDC** · 12-28-2006, 02:16 PM

I do have one other question...

I'm going to use this on the same page as another javascript that uses a body onload:

<body onload="initial_update();">

How can I use these 2 onloads together in the body tag? Your script has

onload = function () {
document.formc.DATE.value = formatDate(new Date());

}

Thanks!

**so_is_this** · 12-28-2006, 02:48 PM

What I posted uses onclick -- not onload. There's no conflict there.

**HDC** · 12-28-2006, 03:00 PM

Sorry I was referring to the

onload = function () {

of the date script.

**so_is_this** · 12-28-2006, 03:25 PM

OK, drop this:

<body onload="initial_update();">

for this:

<body>

and code it this way:

Code:

onload = function () {
initial_update();
document.formc.DATE.value = formatDate(new Date());
}

**HDC** · 12-28-2006, 03:29 PM

I have to have this:
<body onload="initial_update();">

for my other script so I will have to add the date onload function to the body tag and not the actual script and I'm not sure how to do that. Any suggestions.

Thread: Date Inserted when Checkbox is Checked.

Thread Tools

Display

Date Inserted when Checkbox is Checked.

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions