HTML radio 实现性别的单选按钮用法

今天遇到了一个棘手的问题就是，在做性别：男女单选按钮时，发现可以选两个，于是就百度百度，查查资料，给大家总结一下，关于radio单选按钮的用法。

---

Radio Object

Radio 对象代表 HTML 表单中的单选按钮。

在 HTML 表单中 <input type="radio"> 每出现一次，一个 Radio 对象就会被创建。

单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。

当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。

您可通过遍历表单的 elements[] 数组来访问 Radio 对象，或者通过使用 document.getElementById()。

转载自：http://www.runoob.com/jsref/dom-obj-radio.html

<td>性别：</td><td><input type="radio" name="name">男</td><td><input type="radio" name="name">女</td>

很多人会radio,而不能做单选按钮操作，很大一部分原因为，两个name的值必须保持一致。