Question

我正在开发一个自举网站，我试图通过切换来实现切换按钮来改变设计的颜色。所以我做了一个与复选框相同的切换按钮，现在我需要知道当我更改复选框的值以重新加载我的网站时，我可以立即提交表单。或者有没有其他方法来实现这样的功能？

Answer 1

如果我是你，我会使用jquery将onChanged事件绑定到切换按钮，并在事件发生时使用Ajax发送表单

Answer 2

您不需要为此使用keypress或AJAX（除非您希望与服务器通信 - 例如，在呈现页面后从数据库中读取设置）。

您可以非常轻松地创建纯js / jQuery解决方案：

jsFiddle demo

这是一个brief discussion of AJAX，有一些简单的例子

来自jsFiddle Demo的代码，作为SO代码片段：

<form>

chg = 0;
$('button').click(function(){
	if (chg==0){
		$('#hdr').css({'background':'palegreen','color':'darkgreen'});
		$('#body').css({'background':'wheat','color':'orange'});
		$('#ftr').css({'background':'lightblue','color':'blue'});
    $('body').css({'max-width':'70%'});
    chg++;
  }else if(chg>0){
		$('#hdr').css({'background':'palegoldenrod','color':'orange'});
		$('#body').css({'background':'#ccc','color':'darkcyan'});
		$('#ftr').css({'background':'bisque','color':'red'});
    $('body').css({'max-width':'80%','margin':'0 auto'});
  }
});

div{position:relative;box-sizing:border-box;width:100%;}
#hdr{height:80px;background:black;color:white;text-align:center;}
#body{height:60vh;background:white;color:black;}
#ftr{height:80px;background:black;color:white;text-align:center;}
button{position:absolute;top:15px;right:15px;}

如何提交有关输入元素值更改的表单？

2 个答案: