0

我有一排 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 突出显示,再次单击,它的背景恢复正常.. 单击不同的 div/行一次你有多个选择/亮点..

现在我需要做的是...

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

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

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

4

0 回答 0