首先編寫下面日期資訊

對應的程式碼如下

<input type="hidden" name="fdLoop" id="fdLoop" value="3" />&nbsp;
      <input type="radio" name="rdLoop1" value="3" checked="checked"   onclick="clickRadio(this.value)" id="rdLoop1" ><label for="rdLoop1">三天內&nbsp;</label></input>
      <input type="radio" name="rdLoop2" value="7" onclick="clickRadio(this.value)" id="rdLoop2" ><label for="rdLoop2">一週 &nbsp;</label></input>
      <input type="radio" name="rdLoop3" value="14" onclick="clickRadio(this.value)" id="rdLoop3"><label for="rdLoop3">半個月 &nbsp;</label></input>
      <input type="radio" name="rdLoop4" value="30" onclick="clickRadio(this.value)" id="rdLoop4"><label for="rdLoop4">一個月 &nbsp;</label></input>

接下來匯入jquery

下面重寫互斥以及需要觸發的事件即可

<script type="text/javascript">
//互斥方法
function clickRadioValue(value) {
$("[name*='rdLoop']").each(function(){
if (this.value == value) {
this.checked = true;
alert("可填寫需要執行方法");//可以新增新的方法
} 
else {
this.checked = false;
}
});
}
//選中單選框
function clickRadio(value) {
$("#fdLoop").val(value);
clickRadioValue(value);
}
</script>