jquery - onclick 使多个 div 的可选（并在表单提交上提交来自这些 div 的值）

Question

什么是使一组方形 div 可点击的好方法，在它们上切换一个类以指示它们被（addClass）选中。然后在表单提交上只提交那些 div 的值？也许为每个具有值的 div 使用隐藏字段。只应提交所选方形 div 的隐藏值。

我已经搜索了一个解决方案，除了 addClass 指示一个 div 被点击我不知道如何解决这个问题，有什么好的方法吗？谢谢

Answer 1

最好的办法是为此使用 ajax 并在成功回调时重新加载页面。但是你可以在没有 ajax 的情况下做到这一点（理论上我以前从未测试过）

$('form input[type=submit]').click(function(e){
        $('div:not(.mySelectedClass) input').removeAttr('name');
        $('form').submit();
        e.preventDefault();
    });