利用JS对两行Input radio 进行互斥选择。
来源:互联网 发布:香港警匪片推荐知乎 编辑:程序博客网 时间:2024/06/06 05:42
根据项目需要对radio 进行选择 就是说第一种选了第二种不能在选了。
标签是很简单 直接 <input id="radioX1" name="methodX" value="" checked>
主要说一下JS代码如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.0.0.min.js"></script></head><script type="text/javascript"> $(function(){ $('.radioItemY').change(function() { var selectedvalueY = $("input[name='methodY']:checked").val(); $("[name='methodX']").attr("disabled", false); switch (selectedvalueY){ case '案发辖区': $("#radio3X").attr("disabled", "disabled"); break; case '接警方式': $("#radio1X").attr("disabled", "disabled"); break; case '警情判定': $("#radio2X").attr("disabled", "disabled"); break; } }); $('.radioItemX').change(function() { var selectedvalueX = $("input[name='methodX']:checked").val(); $('#labelmethodX').html(" "+selectedvalueX); $("select[name='selectClassX']").empty(); var option = $("<option>").val("").text("--未选择--"); $("select[name='selectClassX']").append(option); $("[name='methodY']").attr("disabled", false); switch (selectedvalueX){ case '案发辖区': $("#radio3Y").attr("disabled", "disabled"); break; case '接警方式': $("#radio1Y").attr("disabled", "disabled"); break; case '警情判定': $("#radio2Y").attr("disabled", "disabled"); break; } }); });</script><body><div> <label >统计维度X </label > <input id="radio1X" class="radioItemX" type="radio" name="methodX" value="接警方式" checked="true"/>接警方式 <input id="radio2X" class="radioItemX" type="radio" name="methodX" value="警情判定" disabled/>警情判定 <input id="radio3X" class="radioItemX" type="radio" name="methodX" value="案发辖区" />案发辖区 </div><label >统计维度Y </label > <input id="radio1Y" class="radioItemY" type="radio" name="methodY" value="接警方式" disabled/>接警方式 <input id="radio2Y" class="radioItemY" type="radio" name="methodY" value="警情判定" checked="true" />警情判定 <input id="radio3Y" class="radioItemY" type="radio" name="methodY" value="案发辖区" />案发辖区 </body></html>
1 0
- 利用JS对两行Input radio 进行互斥选择。
- js获取input = radio 单选框选择中的值
- html 的radio单选框如何实现互斥------radio只是input的type属性
- MFC radio button互斥选择的重要几点
- 两树节点互斥选择
- 如何对radio box 按钮分组并且互斥
- JS radio记忆选择
- 利用阻塞队列进行互斥通知
- Js操作input的radio
- 利用JS进行省市选择的实现
- ajax 中根据json数据不同 对页面中 选择框radio 进行动态选择
- input radio value为中文时js获取radio
- js操作input控件【radio、checkbox】
- js对Radio的操作
- 利用函数指针对数组进行排序(选择排序实现)
- 利用FFT对模拟信号进行谱分析的参数选择
- java 利用选择法 对10个数进行排序
- js 实现复选框(checkbox)类似单选钮(radio)点击互斥效果
- 一道PHP面试题,求两个文件的相对路径
- ionic react-native和native开发移动app到底那个好
- uva10256 The Great Divide(凸包+判断)
- 抽奖算法 - 幸运大转盘 - java
- C# winform 开发注意事项
- 利用JS对两行Input radio 进行互斥选择。
- poj 2195 Going Home(二分图最优匹配KM算法)
- 勾股定理一日一证连载115
- MySQLIntegrityConstraintViolationException: Duplicate entry '47504266' for key 'PRIMARY'
- js简单的dom操作
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-使用构造函数语法创建对象
- The First Step
- 设计的第二个程序
- 函数指针