Javascript 输入按钮-单击颜色变换器

Javascript 输入按钮-单击颜色变换器,javascript,jquery,html,css,calendar,Javascript,Jquery,Html,Css,Calendar,我有以下用于特定日历目的的HTML代码。它应该执行以下功能 1) 首先,用户将选择性别 2) 用户只能选择一个日期 3) 所选日期应为红色 功能焦点(el){ el.style.backgroundColor=“红色”; } 首次访问日历 选择你的性别 男性的 女的 选择您的日期 太阳 周一 星期二 结婚 清华大学 星期五 坐 针对以下情况更新了代码段: 他/她将选择日期,并且只能选择一个日期 可能的 这可以通过一些逻辑来完成。考虑以下逻辑: 函数重置(){ var td=document

我有以下用于特定日历目的的HTML代码。它应该执行以下功能

1) 首先,用户将选择性别
2) 用户只能选择一个日期
3) 所选日期应为红色

功能焦点(el){
el.style.backgroundColor=“红色”;
}

首次访问日历
选择你的性别
男性的
女的
选择您的日期
太阳
周一
星期二
结婚
清华大学
星期五
坐

针对以下情况更新了代码段:

他/她将选择日期,并且只能选择一个日期 可能的

这可以通过一些逻辑来完成。考虑以下逻辑:

函数重置(){
var td=document.getElementsByTagName('td');
对于(变量i=0,长度=td.length;i

首次访问日历
选择你的性别女性
选择您的日期
太阳
周一
星期二
结婚
清华大学
星期五
坐

您可以保留上一个选择,并在下一个选择中更改其样式

var previous=null;
function focusMe(el) {
  if(previous!=null){
    previous.style.backgroundColor = "white";
  }
  el.style.backgroundColor = "red";
  previous=el;
}

稍加修改就几乎得出了解决方案。可以有一些比这更精简的代码,您也可以尝试一下

函数重置(){
var td=document.getElementsByTagName('td');
对于(变量i=0,长度=td.length;i”访问我们;
document.getElementById(“demo”).innerHTML=text;
}
否则{
text+=“您可以从“+l+”到“+m+”
”访问我们; document.getElementById(“demo”).innerHTML=text; } }

首次访问日历
选择你的性别
男性的
女的
选择您的日期
太阳
周一
星期二
结婚
清华大学
星期五
坐

您遇到了什么问题以及到目前为止您取得了什么成就?我可以使所选按钮变为红色,但即使单击多个选项,所有内容都会变为红色。一次只能有一个单元格是红色的。JavaScript没有条件检查。你试过写什么吗?没有。。。我不知道如何尝试这种情况,因此寻求您的帮助。。!投票被否决,因为问题不寻求任何建议。这显然是在要求代码。更新了
的演示,他/她将选择日期,并且只能选择一个日期
条件,用户只能选择一个日期。但是,它仍然没有按照条件工作。。。!!但是JS中给出的条件是正确的。是的@GokulRavikumar我相信从这里你可以展示你的努力。或者我可以帮你解决这个问题。在某种情况下,似乎有一个错误。。!如果选择了日期,则第三天、第四天和第五天不会自动变为绿色。我相信您不想自己做任何事情。这里没有人可以为你编码。