Question

使用JSFiddle中的this question我可以看到如何使用复选框清除表单的输入框。我的问题是如何更改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>

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/

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

1 个答案: