单选按钮如何添加事件，大神帮忙

单选按钮怎么添加事件，大神帮忙啊
如题，[code=html<input id="TimeType1" name="TimeType" type="radio" value="1" checked="checked"  />指定日期&nbsp;&nbsp;&nbsp;&nbsp;
<input id="TimeType2" name="TimeType" type="radio" value="2" />每日时间&nbsp;&nbsp;&nbsp;&nbsp;
<td><div id="stday" style="display:block;">活动日期:</div></td>
<td><div id="stday" style="display:block;"><input name="stday" id="stday" type="date">&nbsp;&nbsp;到&nbsp;&nbsp;<input name="enday" id="enday" type="date"></div></td>
<td><div id="sttime" style="display:none;">活动时间:</div></td>
<td><div id="sttime" style="display:none;" ><input name="sttime" id="sttime" type="text" style="width:50px;">点&nbsp;&nbsp;到&nbsp;&nbsp;<input name="entime" id="entime" type="text" style="width:50px;">点</div></td>
][/code]当我点指定日期的时候，活动日期显示，活动时间隐藏，当点每日时间时，活动时间显示，活动日期隐藏

求大神帮忙啊！！！
------解决思路----------------------

jq(':input[name=Timetype]').each(function() {

       jq(this).bind("click", clickTimetype);

     });

function clickFdmspc(){

  var ch = jq(":radio[name=Timetype][checked]").val();

if(ch == "1"){

jq("#stday").css({

    "display" : "block"

});

jq("#sttime").css({

    "display" : ""

});

}else{

jq("#stday").css({

    "display" : ""

})

jq("#sttime").css({

    "display" : "block"

})

}

------解决思路----------------------

<script>

function a(s) {

if (s == "date") {

	document.getElementById("date1").style.display="";

	document.getElementById("date2").style.display="";


	document.getElementById("time1").style.display="none";

	document.getElementById("time2").style.display="none";

}

else if (s == "time") {

	document.getElementById("date1").style.display="none";

	document.getElementById("date2").style.display="none";


	document.getElementById("time1").style.display="";

	document.getElementById("time2").style.display="";

}

}

</script>


[code=html]

<table>

	<tr>

		<td><input id="TimeType1" name="TimeType" type="radio" value="1" checked="checked" onclick="a('date')"/>指定日期&nbsp;&nbsp;&nbsp;&nbsp;

			<input id="TimeType2" name="TimeType" type="radio" value="2" onclick="a('time')"/>每日时间&nbsp;&nbsp;&nbsp;&nbsp;

		</td>


	 </tr>

	 <tr id="date1">

		<td>活动日期:</td>

	 </tr>

	 <tr id="date2">

		<td><input name="stday" id="stday" type="date">&nbsp;&nbsp;到&nbsp;&nbsp;<input name="enday" id="enday" type="date"></td>

	 </tr>

	 <tr id="time1" style="display:none;">

		<td>活动时间:</td>

	 </tr>

	 <tr id="time2" style="display:none;">

		<td><input name="sttime" id="sttime" type="text" style="width:50px;">点&nbsp;&nbsp;到&nbsp;&nbsp;

			<input name="entime" id="entime" type="text" style="width:50px;">点

		</td>

	 </tr>

	</table>

[/code]
------解决思路----------------------

	<input  name="TimeType" type="radio" value="1" checked="checked" onclick="ck(this)" />指定日期 

	<input   name="TimeType" type="radio" value="2" onclick="ck(this)"/>每日时间   



	<table>

		<tr id="dateTest">

			<td><div id="stday" style="display:block;">活动日期:</div></td>

			<td>

				<div id="stday" style="display:block;">

					<input name="stday" id="stday" type="date">  到  <input name="enday" id="enday" type="date">

				</div>

			</td>

		</tr>



		<tr style="display:none;"  id="timeTest">

			<td>

				<div id="sttime">活动时间:</div>

			</td>

			<td>

				<div id="sttime">

					<input name="sttime" id="sttime" type="text" style="width:50px;">

				</div>

			</td>		

		</tr>

	</table>

function ck(obj){

	if(jQuery(obj).val()=='1'){

			jQuery("#dateTest").show();

			jQuery("#timeTest").hide();

	}else if($(obj).val()=='2'){		

			jQuery("#timeTest").show();

			jQuery("#dateTest").hide();

	}


}