javascript - 如何创建表单切换开关来替代提交按钮？

Question

如何创建一个可以设置样式/脚本以充当滑动/切换按钮的表单元素/按钮，类似于：

示例切换 gif

通过单击箭头，它将提交表单并将状态更改为“打开”（如果它关闭），或者“关闭”它打开，相应地更新视觉表示。

Answer 1

最简单的方法：使用图像而不是按钮来提交表单。

示例：http ://www.webdevelopersnotes.com/tips/html/using_an_image_as_a_submit_button.php3

<input type="image" src="butup.gif" alt="Submit button">

那么您需要做的就是更改图像。如果您愿意，您甚至可以启用 ajax。

-

如下所述，如果您在使用 type=image 时遇到问题，您仍然可以使用普通的 ol' 按钮，只需使用 css 正确设置样式即可。

Answer 2

单击时您可以有一个图像，您可以回发表单。操作完成后，在服务器端，您可以将图像的 url 更改为新的。

使用普通的 img 标签并在 onclick 处理程序中进行回发调用，例如

__doPostBack ( parameter , argument );

不要使用输入类型=“图像”。这将导致多次回发。