Php 编写一个大的一键切换按钮以替换单个复选框和提交按钮表单的最佳方法?
我有一个页面,它有一个简单的复选框表单和一个提交按钮,用户可以将该项目标记为“想玩” 考虑到它的简单性,我想用一个DIV和一个切换按钮或开关之类的图形来代替它,这样用户就可以点击它进行标记,而不必为愚蠢的单个复选框和提交按钮而烦恼,这相当难看 我能想到的一个简短而快速的解决方案是让div成为一个链接Php 编写一个大的一键切换按钮以替换单个复选框和提交按钮表单的最佳方法?,php,mysql,forms,togglebutton,Php,Mysql,Forms,Togglebutton,我有一个页面,它有一个简单的复选框表单和一个提交按钮,用户可以将该项目标记为“想玩” 考虑到它的简单性,我想用一个DIV和一个切换按钮或开关之类的图形来代替它,这样用户就可以点击它进行标记,而不必为愚蠢的单个复选框和提交按钮而烦恼,这相当难看 我能想到的一个简短而快速的解决方案是让div成为一个链接 markme.php?id=XYZ&user=123 这会将标志弹出到该用户的数据库中,然后重定向回他们正在查看的页面 这合理吗?有更好的办法吗 /me是一个热情的初学者将其制作成一个,它绑定了一个
markme.php?id=XYZ&user=123
这会将标志弹出到该用户的数据库中,然后重定向回他们正在查看的页面
这合理吗?有更好的办法吗
/me是一个热情的初学者将其制作成一个
,它绑定了一个onclick
事件,执行AJAX请求,将请求提交给某个页面处理程序,该页面处理程序将更新数据库或类似内容,成功完成后更改其CSS样式,使其看起来像被按下了一样
对、和和使用jQuery应该可以使按钮看起来被按下
<button type="button" id="btnPlay">Play</button>
为什么不把它变成一个AJAX请求,这样用户就不必真正离开他们所在的页面了?令人印象深刻,还有很多新的内容需要我去做。谢谢你的挑战!
$("#btnPlay").click(function(){
var button = $(this) ;
if (!button.hasClass('pressed')) {
//button is unpressed
$.post("ajax.php", { userId: "5512", action: "play" },
function(data){
button.addClass('pressed');
button.html("Playing!") ;
}
);
}
else {
//button is pressed, toggle it back
$.post("ajax.php", { userId: "5512", action: "stopPlaying" },
function(data){
button.removeClass('pressed');
button.html("Play") ;
}
);
}
});