首页 > 代码库 > jquery根据接口返回的值来设置asp:CheckBoxList的选中值
jquery根据接口返回的值来设置asp:CheckBoxList的选中值
接口返回一个json的值,然后通过jquery来选中asp:CheckBoxList相应选中的值
<asp:CheckBoxList runat="server" RepeatColumns="4" ID="cklistLMLX"> <asp:ListItem Text="柏油" Value="柏油"></asp:ListItem> <asp:ListItem Text="水泥" Value="水泥"></asp:ListItem> <asp:ListItem Text="彩道" Value="彩道"></asp:ListItem> <asp:ListItem Text="绿化" Value="绿化"></asp:ListItem> <asp:ListItem Text="快车道" Value="快车道"></asp:ListItem> <asp:ListItem Text="慢车道" Value="慢车道"></asp:ListItem> <asp:ListItem Text="人行道" Value="人行道"></asp:ListItem> <asp:ListItem Text="小区道" Value="小区道"></asp:ListItem> </asp:CheckBoxList>
浏览器查看到的代码如下:
<table id="cklistLMLX" border="0"><tbody><tr><td><input id="cklistLMLX_0" type="checkbox" name="cklistLMLX$0" checked="checked"><label for="cklistLMLX_0">柏油</label></td><td><input id="cklistLMLX_2" type="checkbox" name="cklistLMLX$2"><label for="cklistLMLX_2">彩道</label></td><td><input id="cklistLMLX_4" type="checkbox" name="cklistLMLX$4"><label for="cklistLMLX_4">快车道</label></td><td></tr><tr></tbody></table>
返回接口 lmlx数据如下: 小区道,人行道
function SetCheckboxList(lmlx) { $("#cklistLMLX").find("input[type=checkbox]").each(function (i) {
//alert($(this).val()); 这种方法是错误的 // alert($(this).next().text()); if (lmlx.indexOf($(this).next().text()) >= 0) { $(this).attr("checked", ‘true‘); } else { $(this).removeAttr("checked"); } }); }
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。