編輯輸入類型文本，複選框，收音機和選擇標記時顯示按鈕

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/