前端checkbox默认勾选状态的判断

前端列表项预选中状态设置

最新推荐文章于 2023-10-13 22:33:56 发布

转载最新推荐文章于 2023-10-13 22:33:56 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/high-noon/p/6732848.html

文章标签：

#前端 #后端 #ViewUI

本文介绍了一种在前端开发中，如何根据后端传递的数据名称而非ID，为列表项的checkbox设置默认选中状态的方法。通过使用indexOf方法检查数据名称是否存在于指定字符串中，从而决定checkbox的初始状态。

最近迭代版本的加了一个新功能每一条数据有一个checkbox

然后后端传过来的是每条数据的名字的字符串并不是ID

然后根据名字去给他加默认有勾选状态或者没有勾选状态

input.checked = (给你传的名字.indexOf(每一条数据的名字)<0)

当然 checked的值只是ture 或者false

你还需要在其他地方判断一下

 if(checked){ 
<input type="checkbox" checked   class="campaigngoods" value="" > 
 } else { 
<input type="checkbox"   class="campaigngoods" value="" > 
}
这样整个的列表的checked的默认值就和传过来的需要表示的是一样的了

现在在上班没有时间写demo 晚上回家以后在写demo吧

for (var i in response.list) {
    if (response.list[i].isQrcode == 1) {
        var model = response.list[i];
        var name = ',' + model.name + ','
        model.checked = (ex.indexOf(name) < 0);
        console.log(name)
        self.collection.add(model)
    }
}

 if(checked){ 
<input type="checkbox" checked   class="campaigngoods" value="" > 
 } else { 
<input type="checkbox"   class="campaigngoods" value="" > 
}

转载于:https://www.cnblogs.com/high-noon/p/6732848.html