jquery-jsp中如何實現點擊復選框顯示指定的值

jsp中如何實現點擊復選框顯示指定的值

例如
查詢條件:(口 為復選框)
班級: 口 一班 口 二班 ...
學號: 口 一號 口 二號 ...
.
.
左邊是查詢條件,右邊是圖片,如果沒有選擇查詢條件則顯示全部圖片
如果選擇了查詢條件則實時查詢符合條件的圖片並顯示
求給點思路啊,各位大大們

最佳回答：

圖片用屬性記錄下班級和學號，如下

 <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 = '';
                }
            })
        });
    });