30、鸿蒙/组件/单选框 (Radio)

作者: 圆梦人生 | 来源:发表于2024-07-22 09:02 被阅读0次

    Radio是单选框组件,通常用于提供相应的用户交互选择项,同一组的Radio中只有一个可以被选中。具体用法请参考Radio

    创建单选框

    Radio通过调用接口来创建,接口调用形式如下:

    Radio(options: {value: string, group: string})
    

    其中,value是单选框的名称,group是单选框的所属群组名称。checked属性可以设置单选框的状态,状态分别为false和true,设置为true时表示单选框被选中。

    Radio支持设置选中状态和非选中状态的样式,不支持自定义形状。

    Radio({value: 'val1', group: 'radiogp'}).checked(true)
    Radio({value: 'val2', group: 'radiogp'}).checked(false)
    

    添加事件

    除支持通用事件外,Radio还用于选中后触发某些操作,可以绑定onChange事件来响应选中操作后的自定义行为。

    @State radiotext: boolean = false;
    // ...
    Radio({value: 'val1', group: 'radiogp'}).checked(this.radiotext).onChange((value: boolean)=>{
            this.radiotext = value;
    })
    

    相关文章

      网友评论

        本文标题:30、鸿蒙/组件/单选框 (Radio)

        本文链接:https://www.haomeiwen.com/subject/rlbhhjtx.html