例如
查询条件:(口 为复选框)
班级: 口 一班 口 二班 ...
学号: 口 一号 口 二号 ...
.
.
左边是查询条件,右边是图片,如果没有选择查询条件则显示全部图片
如果选择了查询条件则实时查询符合条件的图片并显示
求给点思路啊,各位大大们
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 STM32驱动继电器
- ¥15 Windows server update services
- ¥15 关于#c语言#的问题:我现在在做一个墨水屏设计,2.9英寸的小屏怎么换4.2英寸大屏
- ¥15 模糊pid与pid仿真结果几乎一样
- ¥15 java的GUI的运用
- ¥15 我想付费需要AKM公司DSP开发资料及相关开发。
- ¥15 怎么配置广告联盟瀑布流
- ¥15 Rstudio 保存代码闪退
- ¥20 win系统的PYQT程序生成的数据如何放入云服务器阿里云window版?
- ¥50 invest生境质量模块