knockout js attr绑定以便js获取attributes的值

最新推荐文章于 2023-11-01 14:28:14 发布

chen-jake

最新推荐文章于 2023-11-01 14:28:14 发布

阅读量502

点赞数

文章标签： knockout

本文链接：https://blog.youkuaiyun.com/qq_36815739/article/details/81067027

版权

本文介绍了一种使用JSP和JS技术实现按钮背景颜色动态变化的方法。通过数据绑定，当按钮的数据属性改变时，其背景颜色会根据特定条件自动更新。此方法适用于需要视觉反馈的用户界面设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JSP、

 <div id="info" data-bind="foreach:itemsA">
     <button name="userBtn" style="width:155px;height:30px;margin-left:8px;margin-top:5px"


             data-bind="style:{backgroundColor:$data.count>0?'#00c1de':''},attr:                                                                                       {count:$data.count},data:$data,click:$root.assignUser,value:userId,text:userName"></button>
 </div>

JS、

        function setChecked(){
            var $boxes = $("button[name='userBtn']");
            for(var i=0;i<$boxes.length;i++){
                var id = $boxes[i].value;
                if(checkedIds.indexOf(id,0)!=-1||$boxes[i].attributes.count.value>0){
                    $boxes[i].style.backgroundColor = "#00c1de";
                }else{
                    $boxes[i].style.backgroundColor = "";
                }
            }
        }