前端 js 单引号，双引号、斜杠，表格 tr input、checkbox、、、、

直接上代码

   var target = (leftOrRight == LEFT ? $("#left") : $("#right"));
    target.empty();
    // let tbody = $("resultRight tbody");
    // tbody.empty();
    for (var i = 0; i < items.length; i++) {
        debugger
        // target.append("<option value='" + items[i].SHIP_TO_LOC_ID + "'>" + items[i].LOCATION_CODE + "</option>");
        // tbody.append("<tr><input name=\"ship\" property=\"FLAG\" type=\"checkbox\"> <input type='hidden' value='" + items[i].SHIP_TO_LOC_ID + "'>" + items[i].LOCATION_CODE + "</input> <input style=\"width: 40px;height: 18px;\"></tr>");
        target.append("<input name=\"ship\" property=\"FLAG\" type=\"checkbox\"> <input type='hidden' value='" + items[i].SHIP_TO_LOC_ID + "'>" + items[i].LOCATION_CODE + "</input> <input style=\"width: 40px;height: 18px;\"><br/>");
    }

效果
在这里插入图片描述

     target.append("<input name=\"ship\" checked type=\"checkbox\"> 
     <input type='hidden' value='" + items[i].SHIP_TO_LOC_ID + "'>" + 
     items[i].LOCATION_CODE + "</input> 
     <input style=\"width: 40px;height: 18px;\"><br/>");

	//默认checkbox选中状态
   <input name=\"ship\" checked type=\"checkbox\">

上面展示的不是table表格的方式，下面展示一种表格的方式

        <div class="selectDiv">
                            <%--下拉框 option--%>
                            <%--<select id="right" multiple="multiple" size="30"></select>--%>

                                <%--table方式--%>
                                <div id="right">
                                    <table id="resultRight">
                                        <tbody></tbody>
                                    </table>
                                </div>
                        </div>

function populateRight(leftOrRight, selectedItems) {
    var items = (leftOrRight == LEFT ? leftItems : rightItems);
    if (leftOrRight == LEFT) {
        items.sort(function (a, b) {
            return (a.LOCATION_CODE < b.LOCATION_CODE ? -1 : 1);
        });
    }
    let tbody = $("#resultRight tbody");
    tbody.empty();
    for (var i = 0; i < items.length; i++) {
     //table方式
        tbody.append("<tr><td><input name=\"ship\" checked type=\"checkbox\"></td> <td><input type='hidden' value='" + items[i].SHIP_TO_LOC_ID + "'>" + items[i].LOCATION_CODE + "</input></td> <td><input style=\"width: 40px;height: 18px;\"></td></tr>");
    }

}

需要注意每一个input输入框，要用一个td包裹，table才能展示数据。
效果
在这里插入图片描述