单选按钮怎么添加事件，大神帮忙啊

Question

单选按钮html

Answer 1

<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>我不想说我上面两个都引错了。

Answer 2

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"
})
}

Answer 3

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

Answer 4

<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();
}

}