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

通过使用本文，我可以看到如何清除带有复选框的表单的输入框。我的问题是如何修改javascript以清除一个select（在本例中为“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>

你可以做：

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

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

---

演示：

hmmm。我做错了什么……我更新了页面，使其包含此内容，但它不起作用？当我选中或取消选中该框时，它将保持“选择相同的值”：Choose of PFO Appliances None 1$document.readyfunction{如果this.checked$addbasePFO14.val0//假设值为0的选项是默认值}；}；您必须包括新的更改功能，而不仅仅是if this.checked部分…@RoccoTheTaco-这是一个演示，将select更改为某个值，然后选中复选框：清除是什么意思？语法应该是if！this.checked，或者只是现有子句的一个else。