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

标签 javascript html radio-button

我对单选按钮和日期字段使用以下代码

<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 不太了解。如果这会让事情变得更容易,我绝对可以添加到 radio 字段。

已经有一个 JavaScript 函数正在运行,当用户选择文本字段时,该函数会调用日期选择日历弹出窗口。别以为会这样

谢谢!

最佳答案

向其中添加一些 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>

关于javascript - 在输入文本字段时设置单选按钮值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14136027/

相关文章:

php - 我想在 php 中显示来自 mysql 的单选按钮值

c++ - Qt - 记住最后检查的单选按钮

javascript - 在 MVC 项目中使用 JavaScript 调用 Controller 函数

php - CSV 文件在浏览器中内联打开而不是提示 DL

javascript - Jquery切换点击显示一个div同时隐藏其他div

html - 将图像链接到 Laravel 中的路线

html - 如何在使用 CSS 将鼠标悬停在图像上时更改同一区域中的文本?

javascript - 解开 HTML 标签,仅保留第一级

javascript - jQuery 的 .not() 方法可以为参数设置一个整数吗?

html - 单选按钮不会在文本旁边