javascript - 检查是否所有选择选项都被禁用，除了一个

Question

我如何检查除值为“0”的选项外是否所有选项都被禁用？

这是我的代码:

<select name="my-select" id="my-select">
    <option value="0">apple</option>
    <option value="1" disabled>orage</option>
    <option value="2" disabled>pear</option>
    <option value="3" disabled>banana</option>
</select>

我当时的想法是:

if(#my-select options disabled except for option value="0") {
    console.log(option value="0" is the only one that is enabled);
}

Answer 1

1st:您需要检查所有 enabled使用 $('#my-select option:not(:disabled)') 的选项

2nd:检查使用 .length 启用了多少

3rd:检查它是否为 value属性为0

var enabled = $('#my-select option:not(:disabled)');
if(enabled.length === 1 && enabled.attr('value') == "0") {
    console.log('option value="0" is the only one that is enabled');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="my-select" id="my-select">
    <option value="0">apple</option>
    <option value="1" disabled>orage</option>
    <option value="2" disabled>pear</option>
    <option value="3" disabled>banana</option>
</select>