Question

我正在尝试创建一组按钮，用于更改表格中单击的单元格的颜色。

例如：

用户选择蓝色按钮
一次只允许一个按钮处于活动状态。
用户点击的任何单元格都会变为蓝色（或红色，绿色，黄色或白色，具体取决于所选的按钮。

我能做的最好的就是下图。请帮助或指导我找到解决方案。感谢。

table image

Answer 1

以下是一份工作样本：

var color = "White"

$( "#btnBlue" ).click(function() {
  color = "Blue"
});

$( "#btnGreen" ).click(function() {
  color = "Green"
});

$( "#btnYellow" ).click(function() {
  color = "Yellow"
});

$("table tr td").click(function(){
$(this).css("background-color", color);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<body>
<input id='btnBlue' type='button' value='Blue' >
<input id='btnGreen' type='button' value='Green' >
<input id='btnYellow' type='button' value='Yellow' >

<br>
<br>

<table>
<tr>
  <td>col1</td>
  <td>col2</td>
</tr>
<tr>
  <td>col3</td>
  <td>col4</td>
</tr>
</table>

</body>

https://jsfiddle.net/wx38rz5L/1242/

根据按钮选择更改表格单元格颜色

1 个答案: