例如
查询条件:(口 为复选框)
班级: 口 一班 口 二班 ...
学号: 口 一号 口 二号 ...
.
.
左边是查询条件,右边是图片,如果没有选择查询条件则显示全部图片
如果选择了查询条件则实时查询符合条件的图片并显示
求给点思路啊,各位大大们
jsp中如何实现点击复选框显示指定的值
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
4条回答
- Go 旅城通票 2016-01-20 03:29关注
图片用属性记录下班级和学号,如下
<img cls="一班" num="1号"/>
然后jquery
$(function () { $('班级checkbox 复选框选择器,学号checkbox 复选框选择器').click(function () { var clscb = ',' + $('班级checkbox 复选框选择器:checked').map(function () { return this.value }).get().join(',') + ',' var numcb = ',' + $('学号checkbox 复选框选择器:checked').map(function () { return this.value }).get().join(',') + ',' $('图片选择器').hide().each(function () { if (clscb == ',,' && numcb == ',,') this.style.display = ''//没有选中任何 else { var cls = this.getAttribute('cls') var num = this.getAttribute('num') var show = true; if (clscb != ',,' && clscb.indexOf(',' + cls + ',') == -1) show = false; if (show && numcb != ',,' && numcb.indexOf(',' + num + ',') == -1) show = false; if (show) this.style.display = ''; } }) }); });
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 Python爬取指定微博话题下的内容,保存为txt
- ¥15 vue2登录调用后端接口如何实现
- ¥65 永磁型步进电机PID算法
- ¥15 sqlite 附加(attach database)加密数据库时,返回26是什么原因呢?
- ¥88 找成都本地经验丰富懂小程序开发的技术大咖
- ¥15 如何处理复杂数据表格的除法运算
- ¥15 如何用stc8h1k08的片子做485数据透传的功能?(关键词-串口)
- ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗?
- ¥15 latex怎么处理论文引理引用参考文献
- ¥15 请教:如何用postman调用本地虚拟机区块链接上的合约?