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

Question

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

example toggle gif

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

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 );

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