Radio单选表单域组件
radio单选表单域组件是对原生type=radio的二次封装,支持三种状态check、checking和checked;支持多种尺寸以适合不同的表单结构;支持数据缓存和表单校验;支持chera结构形式;支持reset、set、clear等基本的操作方法。
简单使用
使用ax-radio
标签包裹文字即可自动创建一个单选组件。除了直接将标签的innerHTML作为label,也可以写在label
属性上。
- 输出
- HTML
-
军事类 -
简单name和value
单选组件内核依然是radio
输入表单,那么通常需要有name
和value
属性,所以在正常使用单选组件的时候,应该将name和value写上,如果没有value属性,那么将会以label
作为value值。
- 输出
- HTML
-
军事类 人物志类 娱乐类 财经类 -
以上实例并没有使用value
属性,但是用户通过浏览器控制台可以发现input已经自带了value属性,并且值等于label。
当然我们并不建议这么做,最好还是专门写上value属性。
check状态
单选组件有三种状态,分别是normal常规状态,checking
和checked
状态。单选的状态有属性check
控制。
- check=ing:表示部分单选
- check=ed:表示完全选中
- check=其他或为null:表示常规状态
- 输出
- HTML
-
军事类 人物志类 娱乐类 财经类 -