选择一个单选按钮并显示表中所选行的值

是一个前端开发的问题。在前端开发中，可以使用HTML和JavaScript来实现这个功能。

首先，需要在HTML中创建一个表格，并在每一行的第一列添加一个单选按钮。可以使用HTML的<table>、<tr>和<td>标签来创建表格结构。

然后，使用JavaScript来监听单选按钮的点击事件。当单选按钮被选中时，获取所选行的值，并将其显示在页面上的某个位置。

以下是一个示例的HTML和JavaScript代码：

<!DOCTYPE html>
<html>
<head>
    <title>选择单选按钮并显示表中所选行的值</title>
</head>
<body>
    <table id="myTable">
        <tr>
            <td><input type="radio" name="row" onclick="showSelectedRowValue(0)"></td>
            <td>行1的值</td>
        </tr>
        <tr>
            <td><input type="radio" name="row" onclick="showSelectedRowValue(1)"></td>
            <td>行2的值</td>
        </tr>
        <tr>
            <td><input type="radio" name="row" onclick="showSelectedRowValue(2)"></td>
            <td>行3的值</td>
        </tr>
    </table>

    <p id="selectedRowValue"></p>

    <script>
        function showSelectedRowValue(row) {
            var table = document.getElementById("myTable");
            var selectedValue = table.rows[row].cells[1].innerHTML;
            document.getElementById("selectedRowValue").innerHTML = "所选行的值是：" + selectedValue;
        }
    </script>
</body>
</html>

在上述代码中，通过给每个单选按钮添加onclick事件，调用showSelectedRowValue()函数，并传入所选行的索引作为参数。该函数通过getElementById()方法获取表格对象，并使用rows和cells属性来获取所选行的值。最后，将所选行的值显示在页面上的<p>标签中。

这个功能可以应用于各种需要选择表格行并显示所选行值的场景，例如管理系统中的数据列表、电子商务网站中的商品选择等。

腾讯云相关产品和产品介绍链接地址：