使用方式

<link rel="stylesheet" href="/components/style/radio.css" type="text/css" />
<script defer src="/components/js/radio.js" type="text/javascript"></script>

<label class="st_radio" st-model="typeRadio" change="typeRadioChange">
  <span class="st_radio_input">
    <span class="st_radio_inner"></span>
    <input type="radio" aria-hidden="true" autocomplete="off" class="st_radio_original" value="1" />
  </span>
  <span class="st_radio_label">选项1</span>
</label>
<label class="st_radio" st-model="typeRadio" change="typeRadioChange">
  <span class="st_radio_input">
    <span class="st_radio_inner"></span>
    <input type="radio" aria-hidden="true" autocomplete="off" class="st_radio_original" value="2" />
  </span>
  <span class="st_radio_label">选项2</span>
</label>

禁用disabled

<label class="st_radio">
  <span class="st_radio_input is_disabled">
    <span class="st_radio_inner"></span>
    <input
      type="radio"
      aria-hidden="true"
      disabled
      autocomplete="off"
      class="st_radio_original"
      value="1"
    />
  </span>
  <span class="st_radio_label">选项</span>
</label>

属性

属性	说明	类型	可选值	默认值
st-model	数据绑定	string	-	-
change	输入值变化回调方法	function	-	-
disabled	是否禁用	-	-	-
value	选项值	string	-	-

属性添加位置请查看示例代码