获取HTML单选框的选中值的几种方法

HTML单选框是一种非常常见的用户界面元素，它可以帮助用户从一组选项中选择一个选项。在开发Web应用程序时，很多时候需要获取用户选择的选项值，下面介绍几种获取HTML单选框的选中值的方法。

1. 通过input元素的checked属性

可以通过input元素的checked属性来获取单选框的选中值，例如：

男
女

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

var sex = document.querySelector('input[name="sex"]:checked').value;

2. 通过input元素的value属性

也可以通过input元素的value属性来获取单选框的选中值，例如：

男
女

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

var sex = document.querySelector('input[name="sex"]:checked').value;

3. 使用jQuery

如果你的项目中使用了jQuery，可以使用以下代码来获取单选框的选中值：

var sex = $('input[name="sex"]:checked').val();

4. 使用JavaScript的for循环

也可以使用JavaScript的for循环来获取单选框的选中值。例如：

男
女

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

var radios = document.getElementsByName('sex');
for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
        var sex = radios[i].value;
    }
}

5. 使用form元素的elements属性

如果input元素位于form元素中，可以使用form元素的elements属性来获取单选框的选中值，例如：

    男
    女

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

var sex = document.form1.elements['sex'].value;

以上就是获取HTML单选框的选中值的几种方法，可以根据实际需要选择合适的方法来获取单选框的选中值。