在输入文本字段时设置单选按钮值

Question

我将以下代码用于我的单选按钮和日期字段

<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'); ?>">

当用户单击文本字段时，我希望选择值为“after”的单选按钮，以防忘记输入值。我是一个 php hack，但根本不知道 javascript。如果它能让它更容易，我绝对可以添加到无线电字段中。

已经有一个 javascript 函数在运行，当用户选择文本字段时，它会调用日期选择日历弹出窗口。不要以为那会

谢谢！

Answer 1

像这样添加一些 jQuery：

Example page on JSFiddle

代码：

<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>