我试图不使用$_POST
和$_GET
将复选框值发送到数据库。
我有三个复选框:
<div class="form-check">
<input type="checkbox" class="form-check-input" id="gestao" name = "gestao" value = "gestao">
<label class="form-check-label" for="materialUnchecked">Gestão</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="risco" name = "risco" value = "risco">
<label class="form-check-label" for="materialUnchecked">Risco</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="TOC" name = "TOC" value = "toc">
<label class="form-check-label" for="materialUnchecked">TOC</label>
</div>
当我单击它们时,我想将值发送到mySQL数据库,然后检索它(因此该复选框保持按下状态)。我已经使用$ _POST方法完成了此操作,但是我希望用户只按一下复选框,然后将其插入表中即可。
感谢您的帮助!
答案 0 :(得分:1)
如果您正在寻找无需重新加载页面即可将请求发送到后端服务器的ajax。
$(document).on('click', '#gestao, #risco, #TOC', function(){
var gestao = $('#gestao').is(':checked') ? $('#gestao').val() : false;
var risco= $('#risco').is(':checked') ? $('#risco').val() : false;
var TOC= $('#TOC').is(':checked') ? $('#TOC').val() : false;
$.post(URL, {
gestao : gestao,
risco : risco,
TOC : TOC
}, function(response){
//Response from backend server
})
});
有关更多参考,请选中https://api.jquery.com/jquery.post