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接口返回对象
页面显示


浙公网安备 33010602011771号