可以通过以下步骤实现:
以下是一个示例代码片段,演示如何实现这个功能:
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}
td {
border: 1px solid black;
padding: 8px;
}
</style>
</head>
<body>
<table>
<tr>
<td><input type="radio" name="row1" value="cell1" onclick="changeFontColor(this.value)"></td>
<td><input type="radio" name="row1" value="cell2" onclick="changeFontColor(this.value)"></td>
<td><input type="radio" name="row1" value="cell3" onclick="changeFontColor(this.value)"></td>
</tr>
</table>
<script>
function changeFontColor(cellValue) {
var cell = document.getElementById(cellValue);
cell.style.color = "red";
}
</script>
</body>
</html>
在这个示例中,当单选按钮被选中时,调用changeFontColor()函数,并传递选中的单选按钮的值作为参数。changeFontColor()函数根据传递的值获取要更改字体颜色的单元格的引用,并将其字体颜色更改为红色。
这是一个基本的实现示例,具体的实现方式可能因具体的开发环境和需求而有所不同。对于更复杂的表格或特定的需求,可能需要进一步的定制和调整。
领取专属 10元无门槛券
手把手带您无忧上云