入力タイプのテキスト、チェックボックス、ラジオ、選択タグがコンパイルされたときの表示ボタン

Question

入力タグがコンパイルされているときに「次へ」ボタンを表示するためにこのコミュニティに大きな助けを得ました。 私はこのコードを使用しました：

$('.name').keyup(function() { 
    $('#next1').toggle(this.value != ''); 
}); 

#next1 { 
    display: none; 
} 

をしかし、私のページに、より複雑な場合どのように私はそれを修正することができますか？

たとえば、ここではチェックボックス、ラジオ入力と選択タグがあります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <input class="name" type="text" name="name" /> 
    <input type="text" name="phone" placeholder="Phone" /> 
    <label class="radio-inline"><input type="radio" name="internet" value='Y'>Y</label> 
    <label class="radio-inline"><input type="radio" name="internet" value='N'>N</label> 
    <label for="degree">Degree</label><br/> 
     <input type="checkbox" name="degree" value="degree"> Degree 
<select id='city' name='city' title='City' class='required1Sel form-control' > 
    <option value=''></option> 
    <option value='1'>NY</option> 
    <option value='2'>LA</option> 
    <option value='3'>MIAMI</option> 
</select> 
    <div id="next1"> 
     <input type="button" name="next" class="next action-button" value="Next" /> 
    </div> 

Answer 1

「選択」または「チェックボックス」では、change()機能を使用できます。

$('#city').change(function() { 
    $('#next1').toggle(this.value != ''); 
}); 

このJSFiddleを参照してください：https://jsfiddle.net/fpwo8e7e/1/