刷新并提交后,保持复选框处于选中状态
Keep checkbox checked, after refresh and submit
我正在尝试选中复选框,但是刷新页面后,如果选中该复选框,数据库将更新为"是",但即使选中该复选框,数据库也会自动更新为"否"local.store,我希望有人可以帮助我。这是我的代码。
<form action="" method="POST">
<label for="option1">Waarschuwingsbericht inschakelen voordat het volgende pack wordt geopend als jou pack boven de 200.000 waard is?</label><input id='option1' type="checkbox" name="checkbox" value="yes"><br>
<input type="submit" value="Opslaan en nog een pack openen">
</form>
<?
if(isset($_POST['checkbox'])){
$sql = "UPDATE users SET puntenchecked = 'yes' WHERE username = '" . $usernamez . "'";
$result = mysql_query($sql) or die('Query failed: ' . mysql_error());
}
else {
$sql = "UPDATE users SET puntenchecked = 'no' WHERE username = '" . $usernamez . "'";
$result = mysql_query($sql) or die('Query failed: ' . mysql_error());
}
?>
<script>
$(function(){
var test = localStorage.input === 'true'? true: false;
$('input').prop('checked', test || false);
});
$('input').on('change', function() {
localStorage.input = $(this).is(':checked');
console.log($(this).is(':checked'));
});
</script>
试试这个:
<input id='option1' type="checkbox" name="checkbox" value="yes" <?php echo (isset($_POST['checkbox']))? "checked='checked'": "";?> >
替换下面的 JS 逻辑:
<script>
$(function(){
var test = localStorage.input === 'true'? true: false;
$('input').prop('checked', test);
});
$('input').on('change', function() {
localStorage.input = $(this).is(':checked');
console.log($(this).is(':checked'));
});
</script>
在此处查看更多信息。
相关文章:
- setIntervall如果复选框被选中,JS
- 主干-复选框保持选中状态
- dojo/cbtree取消选中所有复选框并选中选中复选框
- 如何发现至少有一个复选框被选中或没有使用javascript
- 页面加载时复选框只选中一次?ASP.NET,C#
- jQuery复选框未选中检测问题
- 可以't取消选中该复选框(取消选中复选框时隐藏内容)
- 我可以让所有复选框都选中和不选中做同样的事情吗
- 如何知道JqGrid多选'全选'复选框被选中
- 从数据库检索值时,Jquery mobile复选框未选中
- 在复选框取消选中事件中从HTML下拉列表中删除项目
- 去掉js可观察数组和复选框,选中绑定失败
- 如果复选框未选中且文本字段不为空,则显示警报
- 获取复选框值选中-JavaScript
- 复选框不能通过直接单击复选框来选中或取消选中
- 复选框在选中时触发函数,如果未选中,则触发其他函数
- jQuery:如何找到那个prevous复选框被选中
- 如何选中复选框是否选中,而价格滑块事件发生
- jQuery复选框组选中/取消选中仅工作一次
- 如何使验证适用于在 Ionic 复选框中选中的至少一个复选框