Material Design Lite - 单选按钮

Material Design Lite收音机按钮 - 从简单和简单的步骤学习Material Design Lite，从基本到高级概念，包括概述，环境设置，布局，网格，标签，页脚，徽章，按钮，卡片，进度条，旋转器，菜单，滑块，复选框，单选按钮，图标，开关，数据表，文本字段，工具提示。

MDL提供了一系列CSS类来应用各种预定义的视觉和行为增强功能，并显示不同类型的单选按钮.下表列出了可用的类及其效果.

Sr.No.	Class Name&描述
1	mdl-radio 将标签标识为MDL组件，并且在标签元素上是必需的.
2	mdl-js-radio 将基本MDL行为设置为标签，并且在标签元素上是必需的.
3	mdl-radio__button 将基本MDL行为设置为无线电，并且在输入元素(单选按钮)上是必需的.
4	mdl-radio__label 将基本MDL行为设置为标题，并且在span元素(标题)上是必需的.
5	MDL-JS-涟漪效应设置涟漪点击效果并且是可选的;转到标签元素而不是输入元素(单选按钮).

示例

以下示例将帮助您了解使用mdl-slider类来显示
不同类型的单选按钮.

mdl_radio. htm

                                                  function showMessage(value) {            document.getElementById("message").innerHTML  =  value;         }                                                                                                                                Default Radio Button Radio Button with Ripple Effect Disabled Radio Button
                                                    Male                                                                               Female                                                                               Don't know (Disabled)

结果

验证结果.

Default Radio Button	Radio Button with Ripple Effect	Disabled Radio Button
Male	Female	Don't know (Disabled)