javascript - 将复选框选中状态保存并加载到数据库

Question

我的站点中有一个“设置”页面，我希望用户能够选中或取消选中设置页面中的复选框。复选框的状态应在用户登录时加载。

我的想法是像这样为每个复选框分配 ID:

 <input type="checkbox" id="chk1" data-col='column1' value="0"/>
 <input type="checkbox" id="chk2" data-col='column2' value="0"/>

然后使用 jQuery 为选中的函数设置每个值，就像在“保存设置”按钮上这样:

$( "input:checkbox" ).each(function() {
   if $(this).prop('checked'){
    $(this).prop('value','1')
     }
});

然后在我的 MySql 表中为每个复选框有一列，然后通过 ajax/php 将值(1 或 0)发送到我的数据库。

然后当用户登录时，我可以获得每一列的值(1 或 0)，然后基于此设置选中状态。

这是解决问题的好方法吗？如果有更简单的解决方案或方法，我想确保我不会走错路。

Answer 1

假设 $query_array 是您的数据库查询的容器。由于您在帖子的标签中包含了 php，因此您可以在输入中插入一个 php 标签(假设该文件也是一个 php):

<input type="checkbox" id="chk1" data-col='column1' value="<?php echo $query[0][col_name];?>"/>

^上面的0可能是一个id，col_name是包含0/1的列名

编译后应该是这样的:

<input type="checkbox" id="chk1" data-col='column1' value="0"/>