如何给"单选"（基础组件）的各选项（文本）赋值（数值）？

要实现这个功能，可以使用JavaScript和HTML。首先，在HTML中创建一个单选按钮组和一个显示数值的元素。然后，使用JavaScript监听单选按钮的点击事件，并根据选中的选项更新显示数值的元素。

以下是一个简单的示例：

解析：

创建一个HTML页面，包含一个单选按钮组（A、B、C）和一个显示数值的元素。
使用JavaScript监听单选按钮的点击事件。
根据选中的选项更新显示数值的元素。

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>单选按钮赋值</title>
</head>
<body>
    <form>
        <input type="radio" name="options" value="A">A
        <input type="radio" name="options" value="B">B
        <input type="radio" name="options" value="C">C
    </form>
    <p>选中的数值：<span id="selectedValue"></span></p>

    <script>
        document.querySelectorAll('input[type="radio"]').forEach(function(radio) {
            radio.addEventListener('change', function() {
                if (this.checked) {
                    document.getElementById('selectedValue').innerText = this.value;
                }
            });
        });
    </script>
</body>
</html>

在这个示例中，当用户点击单选按钮时，会触发change事件，然后根据选中的选项更新显示数值的元素。

探索云世界

热门

云计算

大数据

云原生

人工智能

数据库

开发与运维

活动广场

任务中心

训练营

直播

乘风者计划

下载

镜像站

技术资料

如何给"单选"（基础组件）的各选项（文本）赋值（数值）？