复选框实现单选效果
来源:互联网 发布:labview读取excel数据 编辑:程序博客网 时间:2024/05/22 14:25
因为业务需要,要把复选框实现单选效果,所以做个demo
首先看下页面效果和代码
数据只是测试数据,要求宽带只能选择一个,内存也只能选择一个,下面是页面代码
<c:forEach items="${itemList }" var="items" varStatus="i"> <div id="feck${i.index }">${reList[i.index] }: <c:forEach items="${items }" var="item" varStatus="j"> <c:choose> <c:when test="${item.flag }"> <input type="checkbox" onclick="boxChecked(this,${i.index})" checked="checked" /> ${item.itemName } </c:when> <c:otherwise> <input type="checkbox" onclick="boxChecked(this,${i.index})" /> ${item.itemName } </c:otherwise> </c:choose> </c:forEach><br></c:forEach>
下面定义的js方法boxChecked()
function boxChecked(a,j){ var check = $("#feck"+j).children("input"); for(var i=0;i<check.length-1;i++){ if(check[i]==a && a.checked){ check[i].checked = true; }else{ check[i].checked = false; } }}
这样就简单的实现了 复选框的单选效果啦
0 0
- 复选框实现单选效果
- 复选框实现单选
- 将复选框实现单效果的代码
- ListView实现item单选、多选效果(没使用复选框) checkable接口
- JQuery复选框实现全选、单选
- 【JS】复选框实现效果
- php中实现一行的多个复选框的单选效果,并且批量提交多行复选框的状态
- javascript实现复选框实现单选按钮功能
- Juerry 实现让复选框实现单选
- easyUI 点击行文本,实现单选;点击复选框,实现复选;
- 单选、复选框、下拉列表等实现
- JavaScript实现单选按钮、复选框赋值方法
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现
- 单选,复选框源码
- Java 单选复选框
- Eclipse中文乱码
- pcie slot的再理解:代表最小的功能。在物理上小于等于endpoint
- 关于sping quartz理解
- oracle rac的公网(public IP)修改网段
- stm32启动流程分析(转载)
- 复选框实现单选效果
- git 初学解决错误
- 关于QQ号的分发管理机制的基本方案的设计猜想和分析讨论
- Uncaught SyntaxError: Unexpected end of input
- 夏宇闻Verilog视频教程——001硬件描述语言概述
- Git拉取远程分支
- Java面试划重点,面试前过一遍心里就踏实了
- Eclipse 配置环境的一点记录
- python 字典和列表的读取速度问题