HTML页面勾选框赋值

html页面代码

<div class="weui-cell">
  <input type="text" class="weui-input" name="sex" id="sex" hidden="">
  <div class="weui-cell__hd">
    <label class="weui-label">性别</label>
  </div>
  <div class="weui-cell__bd client-type" id="xinbie" style="display: flex;flex-flow: wrap;">
    <div style="width: 50%">
      <span>
        <a href="javascript:;" class="weui-icon-circle" data-type="0"></a>
        <span class="sex-type">男</span>
      </span>
    </div>
    <div style="width: 50%">
      <span>
        <a href="javascript:;" class="weui-icon-circle" data-type="1"></a>
        <span class="sex-type">女</span>
       </span>
    </div>
  </div>
</div>

JS代码

var $leibei = $('.client-type').parent();
$leibei.each(function () {
  var id = $(this).find('input').attr('id');
  var pid = $(this).find('.client-type').attr('id');
  if (item[id]) {
    var arr = item[id].split(',');
    $.each(arr, function (i, v) {
      $('#' + pid).find('.weui-icon-circle').each(function () {
        if ($(this).attr('data-type') === v) {
          $(this).addClass("selected");
        }
      })
    });
  }
});
item接口返回对象
页面显示

 

posted @ 2021-12-30 14:03  念个勿忘  阅读(436)  评论(0)    收藏  举报