如何使用Jquery模仿控件 - 单击(多选)div?

时间:2013-04-24 09:31:15

标签: javascript jquery

我有div行,我需要多选不同的行...但是没有使用复选框。我的行在悬停时“突出显示”,并在选择此功能时获得永久突出显示:

function load_to_que(elemID){
    is_selected = $(elemID).attr('is_selected')
    console.log(is_selected);
    if(is_selected != "true"){
        $(elemID).attr('is_selected','true');
        $(elemID).attr('style','background-color: #88C4FF;');
    }else{
        $(elemID).attr('is_selected','false');
        $(elemID).attr('style','');
    }

    //etc....
}

上面的代码我可以通过点击选择和取消选择div /行,然后看到视觉反馈...点击一次,div突出显示,再次点击它的背景恢复正常..点击不同的divs /行一次,您有多个选择/突出显示..

现在我需要做的是......

当点击不同的div时,所有其余的div应该恢复正常(不突出显示)..我有两种方法可以做到这一点  1.1)循环遍历元素并评估是否已经选择iva is_selected属性,然后取消选择  1.2)创建一个window.selectedIDs变量并在那里维护所选div的记录,并使用它来遍历并取消选择当前所有选定的div

问题:w / c比上述更好吗?还是有更好的技术?

PS 我不需要代码详细的例子..我基本上只需要好的想法来解决这个问题。

0 个答案:

没有答案