用复选框提交？没有 javascript答案

【问题标题】：Submit with checkbox? No javascript用复选框提交？没有 javascript
【发布时间】：2010-12-18 02:53:31
【问题描述】：

当用户点击复选框时，有什么方法可以提交表单？想想一个待办事项列表。

当用户点击复选框时，它会更新数据库中的待办事项条目，说明它已完成。

不使用javascript可以做到吗？

【问题讨论】：

【解决方案1】：

用透明的提交元素覆盖复选框。

<div style="display: inline-block; position: relative;" >
    <input type="checkbox" checked >
    <input type="submit" value=""
        style="left: 0; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%" >
</div>

【讨论】：

【解决方案2】：

您可以使用图片作为提交按钮：

<input type="image" name="done_5" src="checkbox_unchecked.gif" border="0">

该图像当然是未经检查的图像，然后使用已检查的版本重新加载此按钮将遵循普通表单操作属性

【讨论】：

【解决方案3】：

不使用 JavaScript，不。不过，这相当简单：

<input type="checkbox" onchange="this.form.submit();">

【讨论】：

【解决方案4】：

使用复选框上的“onclick”事件调用相关表单的submit() 函数。

换句话说，“不”你需要 Javascript。

【讨论】：

【解决方案5】：

这可以不使用 JavaScript 来完成吗？

没有。

【讨论】：

【解决方案6】：

抱歉.. 如果没有 Javascript，答案是否定的。 :-)

为了用户体验，您可能需要考虑使用 AJAX 表单提交。无论如何，Javascript 应该是这样的：

function submitForm() {
    document.myform.submit();
}

然后使用OnClick="submitForm();" 或OnChange="submitForm();"

【讨论】：

没有 JavaScript。答案应该是“不”:-)
刚刚看到您的评论 Johannes。谢谢
Lol... 对 Javascript 感到非常兴奋，我忽略了问题的“没有 Javascript”部分。 :-)
这行得通，但它有点过于复杂，你不需要一个函数，你可以把提交调用放在 onchange/onclick 中。
我将它包装在一个函数中，因为只有一个复选框，所以总体上代码很多 = 更少