Checkbox onchange提交表格GET
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Checkbox onchange提交表格GET相关的知识，希望对你有一定的参考价值。
我在页面上有一个复选框。我希望该复选框以其值提交给服务器，例如：/PageName?cb=true或/PageName?cb=1，但由于某种原因，它只是去/PageName?。我在这做错了什么？
形成：
<form action="/PageName" id="cbForm" method="get">
<input type="checkbox" id="cb">
</form>
JS：
<script>
$(function () {
$("#cb").change(
function () {
$("#cbForm").submit();
}
)
});
</script>
答案
简短的回答是：
<input type="checkbox" id="cb">
应包含“name”属性。
<input type="checkbox" id="cb" name="cb">
name属性用于表示要发送的请求参数。你仍然需要id在jQuery中使用输入。
另一答案
您缺少名称属性
你也可以使用onchange
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="/PageName" id="cbForm" method="get">
<input type="checkbox" id="cb" name="cb" onchange='$("#cbForm").submit();'>
</form>另一答案
尝试这样，我搜索每一个我可以找到你的查询附近的任何东西所以我尝试了这样的不同方式。在表单提交时改变行动。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(function () {
$("#cb").change(
function () {
var n=$("#cbForm").attr('action');
var cb=$("#cb").val();
$("#cbForm").attr('action',n+'?cb='+cb)
$("#cbForm").submit();
alert($("#cbForm").attr('action'));
}
)
});
</script>
<form action="/PageName" id="cbForm" method="get">
<input type="checkbox" id="cb" name=cb value=1>
</form>以上是关于Checkbox onchange提交表格GET的主要内容，如果未能解决你的问题，请参考以下文章
element ui 表格提交时获取所有选中的checkbox的数据
element ui 表格提交时获取所有选中的checkbox的数据