多对多的增删改查

一 : 增 

        随机单号:

/*** 文档就绪函数*/$(function () {//随机单号let number = Math.floor(Math.random()*(9999-1000+1)+1000);//取随机单号的值 固定格式输出$("#docNo").val(BS+number);})

        开单日期:

    //处理开单日期$("#invoiceDate").val(new Date().toISOString().split("T")[0])

         树形结构:

                是大的table列表 , 一行 两列  设置页面占比 div可套/可不套

                在行和列里面正常展示

<table width="100%"><!-- 表格行 --><tr><!-- 左侧栏 --><td width="20%" valign="top"><h3>商品类别</h3><ul id="type"></ul></td><!-- 右侧栏 --><td width="80%" valign="top"><div class="search-bar"><button onclick="checkedGoods()">选择</button><label for="product-name">商品名称:</label><input type="text" id="product-name" name="product-name"><button type="button">搜索</button></div><table width="100%" id="goodsList"><thead><tr><th><input type="checkbox" id="goods-check"></th><th>商品编码</th><th>商品名称</th><th>商品型号</th><th>单位</th><th>上次进价</th><th>成本均价</th><th>库存数量</th></tr></thead><tbody><!-- 更多商品数据 --></tbody></table></td></tr>
</table>

       全选/全不选:

/*** 处理选中的商品带回到单据申请页面*/function checkedGoods() {//定义一个数组let checkedGoodsIds = [];//遍历选中的复选框$(".goods-class:checked").each(function () {checkedGoodsIds.push($(this).val());})checkedGoodsIds = checkedGoodsIds.join(",");//调转到申请页面location.href = "add.jsp?checkedGoodsIds="+checkedGoodsIds+"&JSONObj="+encodeURIComponent('${param.JSONObj}');}