javascript - 使用 Jquery 的 Rails App：只允许选择一个复选框（haml）

Question

我有一个信用卡选项（选中该框时，您可以从 American Express、Mastercard、Discover 或 Visa 中进行选择）。如果您取消单击它，它会被隐藏。

支票选项也是如此：如果您单击它，它会显示将支票发送到的地址，如果您取消点击它就会消失。

所以前两个功能按预期工作。现在我希望能够做到，所以你不能同时点击支票和信用卡。第三个功能有什么问题？一位朋友建议我的 HAML 中有太多 div（有关内容，请参阅要点https://gist.github.com/2654244）。

是的，我知道我应该使用单选按钮 :) 稍后会更改。

= content_for :javascripts do
  :javascript
      $(function(){
        $("#cc_checkbox").click(function(){
        if($(this).children("input").is(':checked')){
          $(this).next().show();
          }
        else{
        $(this).next().hide();
        }
      });
     })

     $(function(){
       $("#check_checkbox").click(function(){
       if($(this).children("input").is(':checked')){
     $(this).next().show();
     }
  else{
     $(this).next().hide();
     }
   });
 })

     $(function() {
       var $paymentSplit = $('input.paymentSplit');
         $paymentSplit.click(function() {
           $paymentSplit.removeAttr('checked');
           $(this).attr('checked', true);
         });
      });

Answer 1

使它们成为单选按钮而不是复选框。任何时候只能选择一个同名的单选按钮。