如何使用javascript自动提交保存/重新填充的复选框
How to auto submit saved/repopulated checkboxes using javascript
有人能告诉我如何在页面重新加载时自动提交我保存/重新填充的复选框选项吗?重定向到页面后,复选框会正确地重新填充,然后再返回,但我不知道如何自动提交结果。
形成
<form id="form" method="post" action="">
<input type="checkbox" name="2kandunder" class="checkbox" id="1" <?=(isset($_POST['2kandunder'])?' checked':'')?>/> $2000 And Under<br>
<input type="checkbox" name="2kto4k" class="checkbox" id="2" <?=(isset($_POST['2kto4k'])?' checked':'')?>/> $2001 To $4000<br>
</script>
<input type="checkbox" name="4kandup" class="checkbox" <?=(isset($_POST['4kandup'])?' checked':'')?>/> $4001 And Up<br></td>
选中框时自动提交的javascript。我试图将此代码实现到下面的javascript中,我正在使用它来重新填充选中的复选框,但无法使其工作。
<script type="text/javascript">
$(function(){
$('.checkbox').on('change',function(){
$('#form').submit();
});
});
在用户单击收藏夹按钮后,我使用javascript重新填充复选框,并将其带到php脚本,然后重定向回该页面。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.cookie/1.4.0/jquery.cookie.min.js"></script>
<script>
$(":checkbox").on("change", function(){
var checkboxValues = {};
$(":checkbox").each(function(){
checkboxValues[this.id] = this.checked;
});
$.cookie('checkboxValues', checkboxValues, { expires: 7, path: '/' })
});
function repopulateCheckboxes(){
var checkboxValues = $.cookie('checkboxValues');
if(checkboxValues){
Object.keys(checkboxValues).forEach(function(element) {
var checked = checkboxValues[element];
$("#" + element).prop('checked', checked);
});
}
}
$.cookie.json = true;
repopulateCheckboxes();
</script>
php
if (isset($_POST["2kandunder"])) {
$arguments[] = "`2kandunder` = 'yes'";
}
if (isset($_POST["2kto4k"])) {
$arguments[] = "`2kto4k` = 'yes'";
}
if (isset($_POST["4kandup"])) {
$arguments[] = "4kandup = 'yes'";
}
if(!empty($arguments)) {
$str = implode(' AND ',$arguments);
$qry = "SELECT favorite_id, id, venue, imageurl FROM venue_ads WHERE `showingads` = 'yes' AND " . $str . "";
$result = $conn->query($qry);
if ($result->num_rows > 0)
复选框会正确地重新填充,但不会提交任何内容。如何使重新填充的javascript提交重新填充的复选框?
我可能误解了你的问题,因为你似乎可以按照你对repopulateCheckboxes()
的调用提交一份表单,就像这样:
repopulateCheckboxes();
document.getElementById('form').submit();
也许你可以抛出一个jsbin的例子?
相关文章:
- 当上一行/当前行被填充时,将新行添加到HTML表中
- 要将文本字段的光标从活动文本字段移动到新附加的文本字段,仅当活动文本字段已填充时,才从键盘按下回车键
- 如果其他输入已填充,如何动态添加新输入 角度
- sails.js:新创建的记录在刷新之前不会填充到页面上
- 使用 AsyncPostBackTrigger 填充现有下拉列表,而不是填充新的下拉列表
- Javascript-Photoshop脚本-将所有填充区域提取到新层中
- 打开一个新的选项卡,并使用javascript用父页面的innerHTML填充页面
- 用ng重复或ng模型填充一个文本区域,这样它就不会用迭代的数据一个接一个地创建新的文本区域
- 如何获得链接到新页面的按钮,并预先填充搜索栏
- 用填充的下拉列表复制php表的新行
- JavaScript:为什么新的下拉列表没有填充值
- 我可以打开一个新窗口并用字符串变量填充它吗
- JS:用新日期填充字段,从用户输入中减去x天
- jQuery:当最后一个文本框被填充时创建新的文本框
- 如何使用Ajax和footable_redraw填充新行到Footable
- 向表中添加新列时,用默认单元格填充当前行
- 使用JS函数对多个svg应用新的填充样式并不像预期的那样工作
- 用新数据填充组合框
- 如何自动填充/填充基于单选按钮的表单
- 如何检测是否已通过自动填充填充了任何表单元素