Add value to date based on radio button selection

Question

I seem to be locating answers here and other locations that are close to what I need -- so my apologies if I've duplicated without noticing. And I'm certain that what I've been locating can work...if I knew how to use it :)

I have 4 radio buttons on a page. They have values as 4, 7, 14, 30.

<input type="radio" id="radio1" name="length" value="4"/><label for="radio1">4 DAYS</label>
<input type="radio" id="radio2" name="length" value="7"/><label for="radio2">7 DAYS</label>
<input type="radio" id="radio3" name="length" value="14"/><label for="radio3">14 DAYS</label>
<input type="radio" id="radio4" name="length" value="30"/><label for="radio4">30 DAYS</label>

A return date is needed based on the above selection. Say if radio2 is selected, the return date will be the date selected + 7 days.

Here http://jsfiddle.net/JKGvD/525/ is a great example of this functionality however you can see I'm attempting to manipulate the 'nights' field with user input from above.

I attempted to use the $('input:radio[name=length]:checked').val(); in that Fiddle however it fails with Nan (Not a Number?) in the field.

Please alert me if any further information is needed. And thank you in advance everyone!

Your jsFiddle doesn't include the radio buttons or the jQuery you mentioned trying... — dsgriffin, Jul 16 '13 at 23:02
`jQuery performs best when scoped correctly, and selecting by ID is always the highest performing selector. ` — employee-0, Jul 16 '13 at 23:13
@Zenith My apologies, goofed with the link. Updated [here](http://jsfiddle.net/JKGvD/525/). — camelCase, Jul 16 '13 at 23:42

score 1 · Accepted Answer · edited May 23 '17 at 12:23

1

function addMinutes(date, minutes) {
    return new Date(date.getTime() + minutes*60000);
}

per

How to add 30 minutes to a JavaScript Date object?

Converting your days to minutes we have 1 day = 24 hours = 1440 minutes.

So if you want it in days change the constant accordingly by multiplying by 1440.

To get the radio button value use

$('input[name=radioName]:checked', '#myForm').val()

per

How can I know which radio button is selected via jQuery?

edited May 23 '17 at 12:23

Community

1
1

answered Jul 16 '13 at 23:04

employee-0

1,023
1
9
19

Thank you for this and your information about selecting id over name. I wasn't aware of this yet. – camelCase Jul 16 '13 at 23:45
I do agree but [http://stackoverflow.com/help/privileges/vote-up](http://stackoverflow.com/help/privileges/vote-up) I can't it seems – camelCase Jul 16 '13 at 23:58
Damn newbie status. Thanks again – camelCase Jul 17 '13 at 00:03

score 1 · Answer 2 · answered Jul 16 '13 at 23:10

1

Try casting it to a number, like:

+$('input:radio[name=length]:checked').val();

Remember that HTML values are Strings.

answered Jul 16 '13 at 23:10

StackSlave

10,613
2
18
35

Ah yes, this was the issue. I was not adding this line in the correct area! I've update the Fiddle [link](http://jsfiddle.net/JKGvD/525/) (this time it's the right link, my apologies above). The value added is slightly off but I'll look into this. Thanks all! – camelCase Jul 16 '13 at 23:39

Add value to date based on radio button selection

2 Answers2