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

时间:2024-06-02 07:50:06

今天遇到了一个棘手的问题就是,在做性别:男女单选按钮时,发现可以选两个,于是就百度百度,查查资料,给大家总结一下,关于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的值必须保持一致。

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