Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 输入文本字段时,设置单选按钮值_Javascript_Html_Radio Button - Fatal编程技术网

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

Javascript 输入文本字段时,设置单选按钮值,javascript,html,radio-button,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 d

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

<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'); ?>">
所有会话
更改将于以下日期生效:
向其中添加一些jQuery,如下所示:

代码:


$(文档).ready(函数(){
$(“#日期过滤器”)。单击(函数(){
$(“#after”).attr('checked',true);
});
});
所有会话
更改将于以下日期生效:
向其中添加一些jQuery,如下所示:

代码:


$(文档).ready(函数(){
$(“#日期过滤器”)。单击(函数(){
$(“#after”).attr('checked',true);
});
});
所有会话
更改将于以下日期生效:
了解您使用的JS框架会有所帮助。常见的框架有:jQuery、prototype或nothing;)了解您使用的JS框架会有所帮助。常见的框架有:jQuery、prototype或nothing;)不客气!没错,jQuery脚本在单击id为“date\u filter”的对象时会说,将id为“after”的对象设置为所选选项。您还可以通过属性“class”引用对象。例如:假设您有多个选项,这些选项都是radiobuttions,当您单击id为“date\u filter”的对象时,您希望选择具有相同“class”-属性名称的所有RadioButton(如下所示,
)。您可以将“#”标记替换为“.”-标记,
$(.after”).attr('checked',true)那么“#id”和“.class”是如何引用对象的?很好,这将是一个巨大的帮助在几页!不客气!没错,jQuery脚本在单击id为“date\u filter”的对象时会说,将id为“after”的对象设置为所选选项。您还可以通过属性“class”引用对象。例如:假设您有多个选项,这些选项都是radiobuttions,当您单击id为“date\u filter”的对象时,您希望选择具有相同“class”-属性名称的所有RadioButton(如下所示,
)。您可以将“#”标记替换为“.”-标记,
$(.after”).attr('checked',true)那么“#id”和“.class”是如何引用对象的?很好,这将是一个巨大的帮助在几页!
<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>