用HTML来实现RadioButton,需要使用input标签,其中type指定为radio,接下来的文章我们就来说一说详细的内容。
我们先来看input标签的格式
注:对于需要选中检索的值,可以利用表单的提交或使用JavaScript获取。
我们来看具体的示例
代码如下
单选按钮 元素1
单选按钮 元素2
单选按钮 元素3
运行结果
使用Web浏览器打开上述HTML文件时,将显示如下所示的效果。
单击以更改单选按钮的选中状态
在多个组中使用RadioButton时
代码如下
单选项目1
单选项目2
单选项目3
单选项目4
单选项目5
单选项目6
说明:
要将单选按钮分成多个组,请将每个组的name属性设置为不同名称。在上面的例子中,Radio 1,Radio 2,Radio 3的name属性是group 1。Radio 4,Radio 5,Radio 6的name属性是第2组。
运行结果
使用Web浏览器打开上述HTML文件时,将显示如下所示的效果。
每组都是分开的,单选按钮的选择是独立的。