javascript - 使用 Javascript 清除基于取消选中的选择

Question

使用this question中的这个JSFiddle，我可以看到如何清除带有复选框的表单的输入框。我的问题是如何更改 javascript 以清除选择（在本例中为“addbasePFO14”）而不是通过特定名称而不是仅清除在表单中找到的所有输入而不破坏现有的 onchange 事件？

$(document).ready(function(){
    $('#chk').live('change',function(){
    if(!$(this).is(':checked'))
     $('input').val('');              
    });

});
    <form>
    <input type="checkbox" id="chk">
    <select id="addbasePFO14" name="addbasePFO14" onchange="calculateTotal()" />
        <option value="0">None</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
    </select>
    </form>

Answer 1

你可以做：

$("#chk").change(function() {
    if (this.checked) $("#addbasePFO14").val(0) //assuming option with value of 0 is your default
});

您还有两个 ID 为 的复选框chk，ID必须是唯一的！

演示：http: //jsfiddle.net/Zgs3n/