复选框添加同一属性的字段功能实现（web）

最新推荐文章于 2024-06-07 22:01:55 发布

原创最新推荐文章于 2024-06-07 22:01:55 发布 · 805 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在Web前端实现复选框添加同一属性的字段功能，并详细阐述了后端如何接收并处理这些数据的过程。

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

前端from中复选框

        <div class="layui-form-item">
            <label class="layui-form-label">配置</label>
            <div class="layui-input-block">
                <input type="checkbox"  title="床" name="housePei" value="床">
                <input type="checkbox"  title="衣柜" name="housePei" value="衣柜">
                <input type="checkbox"  title="沙发" name="housePei" value="沙发">
                <input type="checkbox"  title="餐桌" name="housePei" value="餐桌">
                <input type="checkbox"  title="空调" name="housePei" value="空调">
                <input type="checkbox"  title="电视" name="housePei" value="电视"><br>
                <input type="checkbox"  title="热水器" name="housePei" value="热水器">
                <input type="checkbox"  title="洗衣机" name="housePei" value="洗衣机">
                <input type="checkbox"  title="冰箱" name="housePei" value="冰箱">
                <input type="checkbox"  title="WiFi" name="housePei" value="WiFi">
                <input type="checkbox"  title="厨房" name="housePei" value="厨房">
            </div>
        </div>

后端接收

    @RequestMapping(value = "/fdxxgl/insert",method = RequestMethod.POST)
    public String fdxxglInsert(TblHousinginformation tblHousinginformation,HttpSession session){
        TblUser user = (TblUser) session.getAttribute("admin");
        tblHousinginformation.setHouseUserId(user.getUserId());
//数据接收到是string类型如：1,2,3,4
//tblHousinginformation.getHousePei().replace(",","|")处理后 1|2|3|4
        tblHousinginformation.setHousePei(tblHousinginformation.getHousePei().replace(",","|"));
        tblHouseService.insert(tblHousinginformation);
        return "redirect:/fd/czxxgl";
    }