javascript - 使用单选按钮触发动作

Question

我正在做一个项目，我需要两个单选按钮来选择日期。一个单选按钮获取系统日期并打印，但当我选择另一个按钮时，我希望用户能够输入日期（基本上我想要一个文本字段当我单击第二个单选按钮时出现）。我是 html 编码的新手，所以请如果有人可以帮助我。我阅读了有关 javascript 和 jquery 的信息，但我看到的示例无法提供任何帮助。我已经添加了单选按钮

<table border="1" width="100%">
<tr>
 <th> Date</th>
</tr>
<td>
  Current date<input type="radio" name="zing" id="foo" checked/>
  Add date<input type="radio" name="zing" id="bar"/></td>
</table>

请有人建议我一个想法。

Answer 1

试试这个

 $(function(){
      $("input:radio:first").click();
    });

Answer 2

<table border="1" width="100%">
<tr>
 <th> Date</th>
</tr>
<td>
  Current date<input type="radio" name="zing" id="foo" checked/>
  Add date<input type="radio" name="zing" id="bar"/>
<input type='text' id='txtDate' style='display:none'/>
</td>
</table>

然后写下下面的脚本

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script>
$(document).ready(function(){
  $("#bar").change(function(){
       $("#txtDate").show();
  });
$("#foo").change(function(){
       $("#txtDate").hide();
  });
});
</script>