日历怎么做的单选功能？

Question

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里面代码已经做到多选了。

Answer 1

只要先去掉所有框的顏色，再加上對應的就好$('.td').click(function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;if($(this).hasClass(color))&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).removeClass(color); &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;去掉所有框的顏色 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('.td').removeClass(color) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).addClass(color); &nbsp;&nbsp;&nbsp;&nbsp;} });