javascript - 日历怎么做的单选功能？

问题描述

问 题

1、如题，日历单选功能。点击某个<td>后着色，再点击就还原无色。但是现在问题是这样：
先点击一个<td>着色了，然后点击其他<td>,这个新的<td>着色，原来的<td>颜色要还原。

2、现在的代码（就是多选了。怎么搞成单选，网上查的都是单选框和复选框）

            $('.td').click(function() {
                if($(this).hasClass(color)) {
                    $(this).removeClass(color);
                } else {
                    //加样式
                    $(this).addClass(color);
                }
            });
            
            

3、再描述清楚一点：截了个日历。比如现在点击24号，黄色。然后我要点击25号，25号要变成黄色；同时24号要去色。2里面代码已经做到多选了。

解决方案

只要先去掉所有框的顏色，再加上對應的就好

$('.td').click(function() {
    if($(this).hasClass(color)) {
        $(this).removeClass(color);
    } else {
        // 去掉所有框的顏色
        $('.td').removeClass(color)
        $(this).addClass(color);
    }
});

这篇关于javascript - 日历怎么做的单选功能？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！