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黑客，但根本不知道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>

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

1 个答案: