gpt4 book ai didi

php - 通过选择复选框来提交表单,并将结果显示在指定的 div 中

转载 作者:行者123 更新时间:2023-12-01 03:00:12 26 4
gpt4 key购买 nike

我正在尝试生成一个表单,当选中一个复选框时,该表单会立即提交,并将结果显示到位于同一页面的 div 中。

这是我到目前为止正在尝试的代码,但没有任何运气:

<form action="end.php" method="get">
<input name="yourcheckbox" id="yourcheckbox" value="ten" type="checkbox" onClick="testResults(this.form)"/>
</form>

<script type="text/javascript">
function(form) {
$.post($(this).attr("action"), $(this).serialize(), function(html) {
$("#someDiv").html(html);
});
return false; // prevent normal submit
};
</script>

<div id="someDiv">The results from the submitted form appears here</div>

我还需要使用具有不同值的多个复选框

有什么建议吗?

最佳答案

您的问题的第一部分:

您原来的 onClick 处理程序试图调用一个不存在的函数 testResults()。我建议不要在输入标记中使用 onClick 处理程序,而是通过类或 div id 注册点击处理程序:

$('#yourcheckbox').click(function(eventObj) {
// grab the form element by traversing the eventObj parent elements
var form = eventObj.parent(':form');
var actionUrl = form.attrs('action');

// now submit your form here
$.post(actionUrl, form.serialize(),
function (responseData) {
$("#someDiv").html(responseData);
}
);
});

您的问题的第二部分:

这里有多种选择:

  1. 每个复选框都有自己唯一的 ID(这不是一个好主意,因为每个复选框都需要注册一个点击事件。
  2. 将每个复选框命名为相同的名称,如下所示:name="mycheckbox[]"。这不是一个糟糕的解决方案,但如果您不需要数组中所有复选框的值,那么您就不需要这个。
  3. 对所有复选框类使用一个类:class="mycheckboxes 然后你的 jquery 点击寄存器如下所示:$('.mycheckboxes).click(function (....

关于php - 通过选择复选框来提交表单,并将结果显示在指定的 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11560245/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com