2011-07-26 31 views
1

ラジオボタンをRails & jQueryで切り替えようとしています。ラジオボタンでは機能しませんが、チェックボックスではうまくいきます。課金対象がjQueryラジオボタンがチェックされていないと変更される

<%= f.radio_button :billable, 'true', :checked => true, :id => 'billable' %> This is a Billable Project <br /> 
<%= f.radio_button :billable, 'false' %> This is an Internal Project 

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function(){ 
    $("#billable").change(function() { 
     $("#billing").toggle(); 
    }); 
    }); 
</script> 
+0

これら2つのボタンの生成されたHTMLコードを投稿できますか? – timaschew

+0

トグルが正しい機能です – AlienWebguy

+0

@timaschew <入力チェック= "チェック" id = "請求可能" name = "プロジェクト[請求可能]"タイプ= "ラジオ"値= "true" />これは請求可能なプロジェクトです
Gaelle

答えて

-1

これはあなたが望むものである。この

$(document).ready(function(){ 
    $("#billable").click(function() { 
     $("#billing").toggle(this.checked); 
    }); 
    }); 
+0

なぜ投票が下りますか? – ShankarSangoli

+0

コードは機能しません。 '#billing 'を表示しますが、決してそれを隠すことはありません。あなたは '#billable'ラジオボタンにクリックリスナーを持っています。ラジオボタンをクリックするたびに常に「チェック」するので、 'this.checked'は常にtrueに評価されます。 – AlienWebguy

+0

okですが、#billableのチェックを外すと#billingを非表示にする方法は? – Gaelle

0

を試してみてチェックされている場合

基本的には更新されません。設定することで

$(document).ready(function(){ 
    $("input[name=billable]").change(function() { 
     $("#billing").toggle(); 
    }); 
    }); 

http://jsfiddle.net/AlienWebguy/KJ9kE/

+0

あなたのコードを試しましたが、どちらも動作しませんでした。ここでは何が生成されます。私は入力[name = project [billable]]で入力[name = billable]を置き換えようとしました。入力check = "checked" id = "billable" name = "project [billable]" type = "radio" value = "true" />これは請求可能なプロジェクトです
これは内部プロジェクトです – Gaelle

+0

あなたがラジオボタンを使って非表示領域を表示しようとしているなら、セレクタ: '$(" input [name = 'project [billable]'] ")' - http://jsfiddle.net/AlienWebguy/KJ9kE/6/ – AlienWebguy

1

:確認=>真の常に正しくビューのコントローラ

def new 
    @event = Event.new(:billable => true) 
end 

にデフォルト値を設定するための

真であることを余儀なくさ

<%= f.radio_button :billable, 'true' %> This is a Billable Project <br /> 
<%= f.radio_button :billable, 'false' %> This is an Internal Project 
+0

[私の質問](http://stackoverflow.com/questions/12669525/show-hide-persistence-when-editing-form-where-radio-button-is-used-to-show-hide) – maxcobmara

関連する問題