Radio单选表单域组件

radio单选表单域组件是对原生type=radio的二次封装,支持三种状态check、checking和checked;支持多种尺寸以适合不同的表单结构;支持数据缓存和表单校验;支持chera结构形式;支持reset、set、clear等基本的操作方法。

简单使用

使用ax-radio标签包裹文字即可自动创建一个单选组件。除了直接将标签的innerHTML作为label,也可以写在label属性上。

  • 输出
  • HTML
  • 军事类
  •                 
                    
                

简单name和value

单选组件内核依然是radio输入表单,那么通常需要有namevalue属性,所以在正常使用单选组件的时候,应该将name和value写上,如果没有value属性,那么将会以label作为value值。

  • 输出
  • HTML
  • 军事类 人物志类 娱乐类 财经类
  •                 
                    
                

以上实例并没有使用value属性,但是用户通过浏览器控制台可以发现input已经自带了value属性,并且值等于label。

当然我们并不建议这么做,最好还是专门写上value属性。

check状态

单选组件有三种状态,分别是normal常规状态,checkingchecked状态。单选的状态有属性check控制。

  • check=ing:表示部分单选
  • check=ed:表示完全选中
  • check=其他或为null:表示常规状态
  • 输出
  • HTML
  • 军事类 人物志类 娱乐类 财经类
  •