Javascript 单击第三个按钮，我希望第一、第二、第三个按钮都着色。同样，单击第四个按钮，我希望所有按钮都着色。我该怎么办？

我有4个按钮。单击第三个按钮我希望第一个、第二个、第三个按钮都着色。同样，单击第四个按钮，我希望所有按钮都着色。甚至我希望在单击按钮时保存一个值。就像单击第一个按钮一样，会话变量中存储一个值“1”。我必须将此变量传递给php文件。同样，单击第二个按钮，将存储一个值“2”，该值与第3个n第4个按钮相同。如何执行此操作？？任何形式的帮助都是有用的

功能改变（即）{
that.style.backgroundColor='yellow'；
document.querySelector（'.button'）。单击（）
}
.按钮{
背景色：白色；
边框：1px纯黑；
颜色：白色；
填充：8px 30px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
光标：指针；
浮动：左；
}

如果希望所有按钮具有相同的颜色，可以在文档中引入一个新类，例如，

.colored button

。您还必须为所有四个按钮提供ID。然后，为第三个按钮创建一个

onclick

事件监听器，将类添加到前三个按钮中，为第四个按钮创建一个

onclick

事件监听器，将类添加到所有四个按钮中。这可以使用

jQuery

的

addClass

方法完成

要存储按钮的单击次数，有两种方法：

为每个按钮创建一个

输入

字段，用于存储点击次数。这可以包装在

表单

元素中，这将使提交数据更容易。您可以在输入元素上设置

type=“hidden”

。您必须在按钮上添加一个

onclick

事件监听器来设置输入字段中的值

将

数据点击次数

属性添加到存储每个按钮点击次数的按钮，并在将数据提交给PHP之前检索该数据。如果使用AJAX提交数据，这是一个更好的选择。通过向所有按钮添加

onclick

事件侦听器，可以增加单击次数

---

我使用JQuery来实现，您需要修改php帖子的url以传递变量值

问候,

$（文档）.ready（函数（）{
var buttonClicked=“”；
$（“输入”）。在（'click'，function（）上{
var thisDiv=$（this.val（）；
buttonClicked=此div；
var classToAdd=“”；
$.post（“yourUrlToPost”，{buttonClicked:buttonClicked}）；
console.log（thisDiv）；
开关（thisDiv）{
案例“1”：classToAdd=“红色”；
打破
案例“2”：
classToAdd=“蓝色”；
打破
案例“3”：
classToAdd=“绿色”；
打破
案例“4”：
classToAdd=“黄色”；
打破
违约：
打破
};
$（“输入”）。每个（函数（索引、值）{
var actualClass=$（值）.attr（“类”）；
如果（索引

这是纯javascript-为什么需要

php

和

java

标记？