使用Jquery的Rails App:只允许选择一个复选框(haml)

时间:2012-05-10 16:39:04

标签: javascript jquery ruby-on-rails checkbox haml

我有一个信用卡选项(选中此框后,您可以选择美国运通卡,万事达卡,发现卡或Visa卡)。如果你取消它,它就是隐藏的。

同样适用于检查选项:如果你点击它,它会显示发送支票的地址,如果你取消它就会消失。

所以前两个功能正在按预期工作。现在我想能够做到这一点,所以你不能点击支票和信用卡。第三个功能有什么问题?一位朋友建议我的HAML中有太多div(请参阅gist 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);
         });
      });

1 个答案:

答案 0 :(得分:2)

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