重写radio单选框选中按钮然后触发其他事件

来源:互联网 发布:暗黑破坏神2 知乎 编辑:程序博客网 时间:2024/06/11 05:32

首先编写下面日期信息



对应的代码如下

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


0 0