宝哥软件园

引导设置复选框零件选择效果

编辑:宝哥软件园 来源:互联网 时间:2021-09-05

在很多页面中,需要根据加载的数据来控制复选框是否被选中。之前的方法在这个UI中不适用。现在,发布两个代码供您参考。

前提条件:该字段为数据库中以“,”分隔的字符串,如“WIFI、电视、有线宽带”

第一种类型:普通复选框

var servicesArray=数据。Services.split(',');//值$(' input[type=checkbox][name=chk service]')。每个(函数(I,e){ for(var I=0;i servicesArray.lengthi ) { if ($(this)。val()==ServiceSarray[I]){ $(this)。选中=真;//这里,直接设置checked为true } } });第二种类型:引导中的复选框

var servicesArray=数据。Services.split(',');$(“输入[类型=复选框][名称=chkServices]”)。每个(函数(I,e){ for(var I=0;i servicesArray.lengthi ) { if ($(this)。val()==ServiceSarray[I]){ $(this)。ichechck(' check ');} } });结果如下:

目标

以上介绍了bootstrap设置checkbox的检查效果,包括方面,希望对对Javascript教程感兴趣的朋友有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+