2 u012470804 u012470804 于 2016.01.20 11:08 提问

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

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

4个回答

showbo
showbo   Ds   Rxr 2016.01.20 11: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 = '';
                }
            })
        });
    });
u012470804
u012470804 回复无聊码农: 主要是没那么简单,我怕回复太多麻烦 ...
2 年多之前 回复
showbo
showbo 回复飞翔的小野鸭: 有问题直接问就好
2 年多之前 回复
u012470804
u012470804 能加你的QQ问你一些问题吗
2 年多之前 回复
u012470804
u012470804 能加你的QQ问你一些问题吗
2 年多之前 回复
rui888
rui888   Ds   Rxr 2016.01.20 11:26

js 操作dom 。

u012470804
u012470804 本人刚毕业新接触jQuery,能加个QQ问你一些更详细一点的问题吗
2 年多之前 回复
enpterexpress
enpterexpress   Rxr 2016.01.20 11:44

拼接sql语句,更新数据源

a11111111l1
a11111111l1   2016.01.21 05:25

操作下sql,更新下数据

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jsp:选中复选框实现删除功能
前段时间,接到一个开发jsp前台页面的项目,好久没接触JSP了,个人感觉亚历山大。公司实在没人愿意上,只能硬着头皮接了。 在开发过程中也碰到了不少问题,乘现在项目暂告一段落,在此记录下,以后再碰到类似问题就好办了。 1. 通过按钮绑定delarea()函数 input name="" type="button" class="btn4" onclick="delarea();" />
CheckBox jsp+javaScript多项选择checkbox取值实现
//全选或全部不选 function checkall(){ var isChecked=(document.testForm.checkAll.checked == true); var elements=document.testForm.elements; var counter=elements.length;   for(i=0;i var element=elements
点击复选框,将复选框的值在text文本框内显示
点击复选框,将复选框的值在text文本框内显示               function result(form) {            var a = document.getElementById("txt");            a.value = "";            for (var i = 0; i                var e
复选框点击后弹出输入框
Jsp部分: 其它 JS部分: function energyTypeCheck (chk) { var Checkbox5 = document.getElementById('Checkbox5'); if (chk.checked) { Checkbox5.style.display='inline-block'; }else { Checkbox5.sty
JSP 带复选框的数 传递参数
根据数据的层次码,自动生成一个带复选框的数,当用户对数操作选择后,返回所选的参数^_^其中注意:要生成一个四维数组,数组的定义为:  其中代表的意思如下:String StrArr[][] =new String[SIZE][4];StrArr[i][0] = “返回值”;StrArr[i][1] =  “层次码”;StrArr[i][2] =  “显示名称”;StrArr
关于jsp页面的复选框(checkbox)取值的获取问题
关于jsp页面的复选框(checkbox)取值的获取问题
jsp通过勾选复选框实现批量删除
这是自己开发的时候碰到的问题,当时想实现可以通过勾选复选框删除从数据库中读取并以表格显示的数据,废话不说,先上效果图。 这个效果是可以勾选复选框然后点击删除实现批量删除。<table class="table table-hover"> <tr> <th width="50">选择</th> <th width="180">I
在jsp中获取已选中checkbox其他列的值
用jquery实现比较方便 1,获取已选中复选框的值的写法为  $("input[type='checkbox']:checked").val(); 2,获取已选中复选框其他列的值的写法为 $("input[type='checkbox']:not(:checked)").val(); 这两种方法返回的都是数组 注意需要再jsp页面引用jQuery的js文件。例如:
ssm框架中,如何单个的把数据库中的多选框值,遍历在jsp页面。
效果图为: 1、后台把数据取出来,通过截取字符串,保存成为一个list集合后,传到前端。 2、前段代码如下: 运动 画画 下棋 弹琴 看电影 js中的代码: $(function(){ var arry = new Array(); var str=$("#hobby").val().replace("[","").replace("]","");
JS实现点击复选框变更DIV显示状态实例
首先是页面上: *是否存在促销活动:   *现价: 元/L *活动名: *距挂牌价: 元/L