여부

Question

나는/표시 드롭 다운 필드에서 선택한 값에 따라 숨겨진 DIV 숨길 몇몇 jQuery를 가지고 :

$('.hidden-content-here').hide(); 
$('select[name="my_field_name_here"]') 
    .on('change', function() { 
    var $this = $(this), 
     selected = $this.find(':selected').val(), 
     options = ['Yes']; 

    $('.hidden-content-here').hide(); 
    if(options.indexOf(selected) > -1) { 
     $('.my_field_name_here').toggle(); 
    } 
    }) 
.trigger('change'); 

을 그리고 여기 있어요 HTML :

<label>Hide/Unhide Hidden Content</label> 
<select name="my_field_name_here"> 
<option value="No">No</option> 
<option value="Yes">Yes</option> 
</select> 

<div class="hidden-content-here"> 
    <!--Hidden content here--> 
</div> 

잘 작동합니다. 페이지가로드되고 드롭 다운 필드에 이미 '예'값이 있으면 숨겨진 콘텐츠가 표시됩니다. 페이지가로드되고 드롭 다운에 '예'값이 없으면 숨겨진 콘텐츠가 표시되지 않습니다. 다른 값을 선택하면 변경됩니다.

문제는 드롭 다운에서 체크 박스로 필드를 변경해야한다는 것입니다. 대신이 다른 유형의 필드로 jQuery를 변경하는 방법을 알아낼 수 없습니다.

숨기기/숨기기 해제 숨겨진 내용을

감사이 어떤 도움 : 체크 박스 필드가 확인하고 경우 '예'는 HTML이 아닌 모양을의 값을가집니다. 당신은 체크 박스의 상태에 따라 변경 이벤트를 사용할 수 있습니다

Answer 1

는 .my_field_name_here의 쇼 숨기기 결정을 만들기위한 .toggle() 함수에 인수로 선택하지 않은/확인하고이에 대한

$('input[name="my_field_name_here"]').on('change', function() { 
    $('.my_field_name_here').toggle(this.checked); 
}).trigger('change');