2011-07-26 3 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

두 버튼의 생성 된 HTML 코드를 게시 할 수 있습니까? – timaschew

+0

토글이 올바른 기능입니다. – AlienWebguy

+0

@timaschew 청구 가능한 프로젝트입니다.
<입력 ID : "project_billable_false"name = "프로젝트 [청구 가능]"type = "라디오"value = "false"/> 이것은 내부 프로젝트입니다 – Gaelle

답변

-1

이 당신이 원하는 무엇을이

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

왜 투표가 늦습니까? – ShankarSangoli

+0

코드가 작동하지 않습니다. 항상'#billing '을 보여 주지만 결코 숨길 수는 없습니다. '청구 가능'라디오 버튼에 클릭 수신기가 있습니다. 라디오 버튼을 클릭 할 때마다 항상 '확인'하므로 'this.checked'는 항상 true로 평가됩니다. – AlienWebguy

+0

#billable의 선택을 취소하면 #billing을 숨기는 방법은 무엇입니까? – Gaelle

0

을 시도 새로 고쳐지지 않습니다. 설정하여

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

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

+0

코드를 시도했지만 작동하지 않았습니다. 생성 된 것은 다음과 같습니다. 나는 입력 [name = project [billable]]에 의해 "input [name = billable]"을 대체하려고 시도했다. "input checked ="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

관련 문제