CODEWITHSUNDEEP
javascripthtmlradio-button
Paul the Tutor
Paul the Tutor

Reputation: 45

On Entering Text Field set radio button value

I use the following code for my radio button and date field

<input type="radio" name="datefilter" value="all" checked>All sessions<br>
<input type="radio" name="datefilter" value="after" >
Changes take effect on: 
<input type="text" name="date_filter" value="<? echo date('m-d-Y'); ?>">

When the user clicks on the text field, I would like the radio button with the value "after" to be selected, in case the forget to enter the value. I am a php hack, but don't know javascript much at all. If it will make it easier I can definitely add to the radio fields.

There is already a javascript function running that calls a date picking calendar popup when the user selects the text field. Don't imagine that will

Thanks!

Upvotes: 1

Views: 2146

Answers (1)

ClydeFrog
ClydeFrog

Reputation: 1012

Add some jQuery to it like this:

Example page on JSFiddle

Code:

<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js">

        <script type="text/javascript">

            $(document).ready(function () {
                $('#date_filter').click(function () {
                    $("#after").attr('checked', true);
                });
            });

        </script>
    </head>
    <body>
        <input type="radio" name="datefilter" value="all" checked>All sessions<br>
        <input type="radio" id="after" name="datefilter" value="after">
        Changes take effect on: 
        <input type="text" id="date_filter" name="date_filter" value="2013-01-01">
    </body>
</html>

Upvotes: 1

Related Questions