checkbox 如果未选中也能提交空值. 采用hidden模拟.

最新推荐文章于 2023-06-02 15:57:07 发布

原创最新推荐文章于 2023-06-02 15:57:07 发布 · 2.9k 阅读

CC 4.0 BY-SA版权

本文介绍了一种利用HTML中的checkbox与hidden元素结合JavaScript来模拟表单中某些字段被选中状态的方法。此技巧适用于需要将checkbox的选择状态作为数据提交到服务器的场景，通过将checkbox与相邻的hidden元素联动，实现非选中状态与选中状态的值提交。

有的时候,checkbox位选中的值也许要被提交. 采用hidden模拟.

<table class="table table-bordered">
                    <thead>
                        <tr>
                            <th style="width: 30%">
                                表字段名
                            </th>
                            <th >
                                Excel字段名
                            </th>
                            <th style="width: 10%">
                                主键
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <%  foreach (string colname in (List<string>)ViewState["DBColumns"])
                            { %>
                        <tr>
                            <td>
                                <input type="hidden"  name="DBTableColName" value="<%=colname %>" /> <%=colname %>
                            </td>
                            <td>
                                <select name="ExcelColName">
                                          <option></option>
                                  <%foreach (string column in (List<string>)ViewState["ExcelColumns"])
                                      { %>
                                          <option><%=column%></option>
                                  <%  } %>
                                </select>
                            </td>
                            <td>
                                 <input type="checkbox"  onclick="$(this).next().val(this.checked)" />
                                <input type="hidden" name="IsPrimaryKey" value="false" />
                            </td>
                        </tr>
                        <%} %>
                    </tbody>
                </table>

重点代码

<td>
 <input type="checkbox"  onclick="$(this).next().val(this.checked)" />
 <input type="hidden" name="IsPrimaryKey" value="false" />
</td>