JS中拼接HTML加上if判断

最新推荐文章于 2025-06-08 14:49:01 发布

水下五米

最新推荐文章于 2025-06-08 14:49:01 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_37570710/article/details/124318543

jquery 专栏收录该内容

3 篇文章

订阅专栏

两种思路：

1、直接在拼接HTML的时候加上if

        var objecthtmls = '<ul>';
        $.each(objectList, function (i, item) {
            //拼接每一个选项            
            objecthtmls += '<input type="radio" style="margin-right: -10px;" id="complaintObject' + item.objectId + '"';
            objecthtmls += ' onclick="onClickObject(' + item.objectId + ')" ';
            if ('${stdComplaints.complaintsObjectId}' == item.objectId) {
                objecthtmls += 'checked="checked"';
            }
            objecthtmls += ' name="complaintsObjectId" class="singleItem" value=' + item.objectId + '>';                       
        });
        objecthtmls +='</ul>';
        $("#objectList").html(objecthtmls);

2、在拼接成功后修改属性

    // 对象list
        var objecthtmls = '<ul>';
        $.each(objectList, function (i, item) {
            //拼接每一个选项            
            objecthtmls += '<input type="radio" style="margin-right: -10px;" id="complaintObject' + item.objectId + '"';
            objecthtmls += ' onclick="onClickObject(' + item.objectId + ')" ';
            objecthtmls += ' name="complaintsObjectId" class="singleItem" value=' + item.objectId + '>';            
        });
        objecthtmls +='</ul>';
        $("#objectList").html(objecthtmls);

        // 变更的时候选第一个
        if (type == "1") {
            // 默认选中第一个
            $("input[name='complaintsObjectId']").get(0).checked = true;                        
        }else{
		    // 第一次进来选后台指定的
            $("input[name='complaintsObjectId'][value='" + '${stdComplaints.complaintsObjectId}' + "']").attr("checked", true);
            
        }