单选框,是网站性别常用的方式;

让用户只能选择一个按钮;

代码如下:

<input type="radio" value="男" name="sex" checked="true"/>男
<input type="radio" value="女" name="sex"/>女

<input type="radio" name="marry"/>已婚
<input type="radio" name="marry" checked="checked"/>未婚

<input type="button" id="btn" value="获取性别"/>

<script>
var oBtn = document.getElementById("btn");
oBtn.onclick = function () {
var oSex = document.getElementsByName("sex");
var cur = "";
for (var i = 0; i < oSex.length; i++) {
if (oSex[i].checked === true) {
cur = oSex[i].value;
break;//单选只能有一个选中,当前选中,那后面肯定就是没有选中的
}
}
console.log(cur);
}
</script>