Jqueryのトグルドロップダウンページのdivの表示divのdivを表示

Question

私はドロップダウンを選択するとdivを表示し、完全に動作する機能があります。

$('#allday').on('change', function() { 
    $("#mytimes").toggle(this.value == 'No'); 
}); 

ユーザがこれを選択すると、同じフィールドを持つ編集ページに移動します。今選択された値がyesの場合、私はそれが既に隠されたdivで始めることを望みます。もし私がそれを必要としていなければ、div視覚で始まり、正しいマナーでトグルを実行してください。ここで私のコードは編集ページにありますが、動作しません。ここで

$('#allday').on('change', function() { 
    $("#mytimes").toggle(this.value == 'No'); 
}); 

if ($('#allday').val() == 'No') { 
    $('#mytimes').show(); 
} else if($('#allday').val() == 'Yes') { 
    $('#mytimes').hide(); 
} 

は私の選択フィールドは、私はあなたがロードされたページの後に実行される機能で、コードの表示/非表示部分を置くべきだと思うPHPで

Form::Select ("Available All Day", "allday", $allDayOpt, array('name'=>'allday', "autocomplete"=>"off")); 
echo '<div id="mytimes">'; 
Form::Textbox("Start Time", "hourstime", array('name'=>'hourstime', 'data-format'=>"HH:mm" ,'data-template'=>"HH : mm")); 
Form::Textbox("End Time", "houretime", array('name'=>'houretime', 'data-format'=>"HH:mm" ,'data-template'=>"HH : mm")); 
echo '</div>'; 

Answer 1

、あなたは多分

$("#mytimes").toggle(this.attr('value', 'no')); 

のようなものを試してみて、

if($('#allday').attr('value') == 'Yes'){ //do something } 

Answer 2

です。私は右理解していれば

$('#allday').on('change', function() { 
    $("#mytimes").toggle(this.value == 'No'); 
}); 

$(function() { 
    if ($('#allday').val() == 'No') 
    { 
     $('#mytimes').show(); 
    } 
    else if($('#allday').val() == 'Yes') 
    { 
     $('#mytimes').hide(); 
    } 
});