复选框回显操作

Posted 夏末、初秋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了复选框回显操作相关的知识,希望对你有一定的参考价值。

在对有选择复选框的页面进行修改的时候  要把修改前原数据回显过来,可以这样做 、如下:
主要是运用到了双循环进行 
连个foreach循环中的item 都是在控制器中写好的。
其中第一个循环 表示的是所有的项  ,第二个循环 表示的是修改前选中的项

<tr>
    <td width="120px">
        <label for="payment">支付类型:</label>
    </td>
    <td class="tdspace"></td>
    <td colspan="4">
        <c:forEach items="${payTypeList}" var="payType">
            <input type="checkbox" name="payment" id="payment"
                   value="${payType.code }"
            <c:forEach items="${paymentListChecked}" var="paymentChecked">
                <c:if test="${payType.code == paymentChecked }">
                    checked
                </c:if>
            </c:forEach>
            />
            ${payType.name }
        </c:forEach>
    </td>
</tr>

 

以上是关于复选框回显操作的主要内容,如果未能解决你的问题,请参考以下文章

jQuery单选框的回显

CheckBox复选框回显

Ztree菜单树数据回显

Thymeleaf+layui+jquery复选框回显

js 复选框回显

ElementUI表格多选框根据后端传来的数据进行数据回显