u012470804
飞翔的小野鸭
2016-01-20 03:08
采纳率: 34.9%
浏览 2.1k
已采纳

jsp中如何实现点击复选框显示指定的值

例如
查询条件:(口 为复选框)
班级: 口 一班 口 二班 ...
学号: 口 一号 口 二号 ...
.
.
左边是查询条件,右边是图片,如果没有选择查询条件则显示全部图片
如果选择了查询条件则实时查询符合条件的图片并显示
求给点思路啊,各位大大们

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • showbo
    已采纳

    图片用属性记录下班级和学号,如下

     <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 = '';
                    }
                })
            });
        });
    
    点赞 评论
  • rui888
    兔子托尼啊 2016-01-20 03:26

    js 操作dom 。

    点赞 评论
  • enpterexpress
    把分全给哥 2016-01-20 03:44

    拼接sql语句,更新数据源

    点赞 评论
  • a11111111l1
    a11111111l1 2016-01-20 21:25

    操作下sql,更新下数据

    点赞 评论

相关推荐