3

我有一个页面，其中包含一个简单的复选框表单，其中包含一个提交按钮，供用户将该项目标记为“想要播放”。

考虑到简单性，我想将其替换为单个 DIV 和切换按钮或开关或其他东西的图​​形，以便用户可以单击它进行标记，而不必为愚蠢的单个复选框和提交按钮而烦恼，这比较难看。

我能想到的简短快速的解决方案是让 div 像这样的链接

markme.php?id=XYZ&user=123

这会将标志弹出到该用户的数据库中，然后重定向回他们正在查看的页面。

那会合理吗？有没有更好的办法？

/me 是一个热心的初学者

4

1 回答 1

6

使其<button>具有绑定到它的onclick事件，该事件执行 AJAX 请求以将请求提交给将更新数据库或类似的页面处理程序，并在成功完成时更改其 CSS 样式以使其看起来被按下。

使用 jQuery 进行事件绑定、AJAX 请求和CSS 类更改，这种样式应该可以使按钮看起来很压抑。

<button type="button" id="btnPlay">Play</button>

然后：

 $("#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") ;
            }
        );
    }


});
于 2010-09-26T10:47:51.337 回答