Question

我已经得到了这个社区的大力帮助，以便在展示“＆＃34; next＆＃34;编译某些输入标记时的按钮。我已经使用了这段代码：

$('.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

对于选择或复选框，您可以使用Facebook Platform Changelog功能。

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

请参阅此JSFiddle：change()

编译输入类型文本，复选框，单选按钮和选择标记时显示按钮

1 个答案: