2012-05-10 5 views
0

クレジットカードオプションがあります(このボックスを選択すると、American Express、Mastercard、Discover、またはVisaから選択できます)。あなたがそれをクリック解除すると、それは隠されています。Jqueryを使用したRailsアプリケーション:1つのチェックボックス(haml)のみを選択することができます

チェックオプションも同じです:チェックボックスをオンにすると、チェックを送信するアドレスが表示され、クリックが解除されるとチェックが消えます。

したがって、最初の2つの機能が意図したとおりに動作しています。今はチェックとクレジットカードの両方をクリックできないようにしたいと思っています。 3番目の関数に何が問題なのですか?友人が私の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); 
     }); 
     }); 

答えて

2

チェックボックスではなくラジオボタンにします。同じ名前のラジオボタンは1つだけいつでも選択できます。

+0

ええ、あなたは正しいです、私は長期的には時間を節約します。私が恐ろしくJQueryを吸っていない場合、これは問題ではないでしょう:) – DnfD

+0

必要な機能がHTMLに組み込まれている場合、JavaScript/jQueryを使用する理由はありません。 :) –

+0

確かに、確かに:P – DnfD

関連する問題