Javascript 如何从onclick（）按钮获取值以输入jquery

我试图创建一个

颜色选择器

，每当我点击一个彩色按钮，相应的颜色名称就会自动发送到输入；如果我点击白色按钮，我会输入：白色等等。。。 以下是我目前的代码：

HTML

函数changewite（）{
document.getElementById（“color”）.innerHTML=“白色”；
}
函数changeblack（）{
document.getElementById（“颜色”）.innerHTML=“黑色”；
}
函数已更改（）{
document.getElementById（“颜色”）.innerHTML=“红色”；
}
函数changeblue（）{
document.getElementById（“color”）.innerHTML=“蓝色”；
}
函数changeyellow（）{
document.getElementById（“color”）.innerHTML=“黄色”；
}

颜色：

要更改输入值，请使用

.value

而不是

.innerHtml

，您还应该对所有输入使用相同的函数

函数更改颜色（元素）{
document.getElementById（“color”）.value=element.name；
}

input#黑色{
背景色：黑色；
}
输入#蓝色{
背景颜色：蓝色；
}
输入#红色{
背景色：红色；
}
输入#白色{
背景色：白色；
}
输入#黄色{
背景颜色：黄色；
}

---

希望您使用jquery，如果是，请更新html并单击处理程序

<td width="314"><input name="colourChange" type="button" id="white" value="" width="20px" />
<input name="colourChange" type="button" id="black" value="" width="20px" />
<input name="colourChange" type="button" id="red"  value="" width="20px" />
<input name="colourChange" type="button" id="blue"  value="" width="20px" />
<input name="colourChange" type="button" id="yellow"  value="" width="20px" />


$("input[name='colourChange']").click(function() {
 var color = this.id;
 console.log(color);
});

$（“输入[name='colorchange']”）。单击（函数（）{
var color=this.id；
控制台。日志（颜色）；
});

谢谢你，我的朋友！工作完美100%