如何在js中如何获取单选标签选中的值，用一个例子及html的代码写给我

可以通过以下代码获取单选标签选中的值：

HTML代码：

<form>
  <label for="male">Male</label>
  <input type="radio" id="male" name="gender" value="male">
  <label for="female">Female</label>
  <input type="radio" id="female" name="gender" value="female">
</form>

JavaScript代码：

const form = document.querySelector('form');
const gender = form.querySelector('input[name="gender"]:checked').value;
console.log(gender);

在上面的代码中，我们首先获取了表单元素，然后找到名称为 `gender` 的单选标签，并检查哪个单选标签被选中。最后，我们输出选中的值（即 `male` 或 `female`）。

相关问题

帮我写一个人员选择器，用js写

好的，我来为您写一个人员选择器。首先，需要准备一个数组，其中存储着所有可供选择的人员的信息，比如姓名、职位、电话号码等。然后，我们可以使用 HTML 表单元素（如下拉列表、单选按钮、复选框等）来展示这些人员信息，让用户进行选择。

最后，我们可以使用 JavaScript 代码来处理用户的选择，并进行相应的操作。下面是一个简单的例子，展示了如何使用 JavaScript 实现人员选择器：

<!-- 在 HTML 中定义一个下拉列表，用于展示可供选择的人员信息 -->
<select id="person-selector">
  <option value="1">张三（经理）</option>
  <option value="2">李四（员工）</option>
  <option value="3">王五（员工）</option>
</select>

<!-- 在 HTML 中定义一个按钮，用于提交用户的选择 -->
<button onclick="selectPerson()">选择</button>

<!-- 在 JavaScript 中定义一个函数，用于处理用户的选择 -->
<script>
  function selectPerson() {
    // 获取下拉列表中选中的项目
    var selector = document.getElementById("person-selector");
    var selectedOption = selector.options[selector.selectedIndex];

    // 获取选中项目的值（这里是人员的 ID）
    var personId = selectedOption.value;

    // 获取选中项目的文本（这里是人员的姓名和

miniui 单选框例子

以下是一个使用 MiniUI 的单选框例子：

HTML 代码：

<div class="mini-radiobuttonlist" id="myRadio">
  <input name="gender" value="male" text="Male" checked="checked" />
  <input name="gender" value="female" text="Female" />
</div>

JavaScript 代码：

// 初始化单选框组件
mini.parse();

// 获取单选框组件实例
var radio = mini.get("myRadio");

// 获取选中的单选框的值
var value = radio.getValue();

// 获取选中的单选框的文本
var text = radio.getText();

在上面的 HTML 代码中，我们创建了一个类名为 `mini-radiobuttonlist` 的 div 元素，并在其中放置了两个 input 元素，这两个元素的 `name` 属性相同，但 `value` 和 `text` 属性不同，这样就创建了一个单选框组件。其中，第一个 input 元素的 `checked` 属性设置为 `checked`，表示默认选中该选项。

在 JavaScript 代码中，我们首先调用 `mini.parse()` 方法来初始化 MiniUI 组件，然后使用 `mini.get()` 方法获取 ID 为 `myRadio` 的单选框组件实例，最后使用 `getValue()` 方法和 `getText()` 方法分别获取该组件选中的值和文本。