高级前端人员常忽略的一个常见但容易忽视的问题是如何正确传递值

阅读量：

问题描述

在博主采用Egg.js开发管理系统的过程中，静态页面中存在一个表单，其中包含两个复选框。然而，在通过该表单提交数据时，发现若未勾选复选框，则其对应的值将不会被传递，这一现象令博主感到十分意外。为此，博主耗费了近两个小时的时间进行排查与解决，因此特意将此问题记录下来，以帮助后续可能遇到相同问题的开发者避免陷入困境。

原始代码结构分析

复制代码

    <input type="checkbox" value="1" name="isBest"  <%if(product.isBest == 1){%>checked<%}%>  id="is_best"> <label for="is_best">精品</label>  &nbsp;&nbsp;
    <input type="checkbox" value="1" name="isHot"  <%if(product.isHot == 1){%>checked<%}%>  id="is_hot"> <label for="is_hot">热销</label>

解决办法概述

采用隐藏input表单的方式能够有效应对这一问题，当两个复选框的value值设定为0时，隐藏的表单字段将替代这两个复选框完成数据提交。初次接触这一方

全部评论 (0)

还没有任何评论哟~