重写radio单选框选中按钮然后触发其他事件
来源:互联网 发布:暗黑破坏神2 知乎 编辑:程序博客网 时间:2024/06/11 05:32
首先编写下面日期信息
对应的代码如下
<input type="hidden" name="fdLoop" id="fdLoop" value="3" />
<input type="radio" name="rdLoop1" value="3" checked="checked" onclick="clickRadio(this.value)" id="rdLoop1" ><label for="rdLoop1">三天内 </label></input>
<input type="radio" name="rdLoop2" value="7" onclick="clickRadio(this.value)" id="rdLoop2" ><label for="rdLoop2">一周 </label></input>
<input type="radio" name="rdLoop3" value="14" onclick="clickRadio(this.value)" id="rdLoop3"><label for="rdLoop3">半个月 </label></input>
<input type="radio" name="rdLoop4" value="30" onclick="clickRadio(this.value)" id="rdLoop4"><label for="rdLoop4">一个月 </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>
- 重写radio单选框选中按钮然后触发其他事件
- Radio选项选中触发事件
- 窗体继承,然后实现按钮点击事件的重写
- 解决jquery设置radio选中效果后,再次选中不触发事件问题
- jquery获取选中单选按钮radio的值,监听type=radio的click事件
- 重写UGUI按钮组件button的点击、选中事件
- 回车触发按钮事件
- 按钮事件触发两次
- 重写窗口关闭触发事件
- 重写窗口关闭触发事件
- input 单选按钮radio 取消选中
- Bootstrap中回车会触发其他按钮的Dropdown事件的解决方法
- 解决Android按住空白区域,导致点击其他按钮无法触发点击事件的问题
- ie中的radio click()不能触发radio的change事件
- 单选按钮radio点击已选中的,取消选中
- 单选按钮radio点击已选中的,取消选中
- 单选按钮radio点击已选中的取消选中 。
- ASP中按钮触发事件
- XGBoost Plotting API以及GBDT组合特征实践
- Caffe FCN Test | Check failed: error == cudaSuccess (2 vs. 0) out of memory
- SQLite数据库---ListView控件之商品展示案例
- linux下安装weblogic无图形化界面
- 井研县叫个鸡真的要多少可以全套
- 重写radio单选框选中按钮然后触发其他事件
- 多线程之两种线程池对比
- Linux打包解压命
- 关于合同签证【易宝全保签】
- maven 打包跳过Junit测试方法
- device manager
- 用Python做的第一个小样例——控制台2048
- Unity内置协程
- Scala学习笔记