Использование переключателя для запуска действия

Question

Я делаю проект, в котором мне нужны две переключатели для выбора даты. Один переключатель использует системную дату и печатает, а другую кнопку, когда я выбираю, я хочу, чтобы пользователь мог введите дату (в основном, я хочу, чтобы текстовое поле появлялось, когда я нажимаю на второй переключатель). Я новичок в кодировании html, поэтому, если кто-то может мне помочь. Я читал о javascript и jquery, но примеры, которые я видел werent able для оказания любой помощи. Я уже добавил радиокнопок

<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

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

Answer 2

Попробуйте

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