代码之家 › 专栏 › 技术社区 › Steven

一个表单只有一个“提交”,如何在一组复选框上放置多个操作?

checkbox forms jquery

Steven · 技术社区 · 6 年前

有一个表单,表单内有许多复选框。可以对这些勾选的复选框执行两个操作。因为一个表单只有一个“提交”按钮,如何绕过它?

我知道我可以设置两个按钮,每个操作一个按钮,以及一个额外的“提交”按钮,看起来像下面的伪代码:

<form>
<checkbox1>
<checkbox2>
<checkbox3>
...
<checkboxn>
<button value="operation1">
<button value="operation2">
<submit value="submit"></form>

但是用户需要点击两次,有更好的解决方案吗? 也许我可以用jquery来实现它,如何编写代码?

2 回复 | 直到 16 年前

Niran 16 年前

您可以使用一点javascript来指示您想要的操作。为每个操作添加一个隐藏字段和两个按钮。单击按钮后,设置隐藏字段的值并提交表单。服务器端代码可以根据隐藏字段的值确定要执行的操作。

Pablo 16 年前

你不需要三个按钮,你需要一个按钮或没有。我不知道您使用的是哪种语言/框架,但是在其中任何一种语言/框架中,只要有一个提交按钮,就需要检查if/else/else if/case语句中复选框的选中或未选中值,并执行每种情况下所需的操作。如果选中或不选中,也可以从复选框中触发提交,但如果不使用Ajax,这可能对用户不太好。

推荐文章

Mickey Vershbow · 无法获取复选框的“checked”属性

3 年前

XAZG ÐÐµÐ¸Ð·Ð²ÐµÑÑÐ½ÑÐ¹ · 如何在for js之后重置字符串变量

3 年前

SãOãNã JãOãã · Google sheets复选标记条件格式化

3 年前

Ranjith Raina · 在jquery中,可以将所有复选框值转换为逗号分隔的字符串

3 年前

Alex · 引导对齐表单开关左侧的标签

3 年前

Khilen Maniyar · 角度2:带有复选框的阵列工作不正常

7 年前

Yash Saraiya · jQuery datatable:在每个分页上启用几个文本框

7 年前

Kais · 带有输入复选框的表格选中/取消选中

7 年前

Silu K · 单击复选框后,如何将之前的所有复选框设置为在angular 4中选中

7 年前

yuggmeister · 如何使自定义复选框可访问?

7 年前