Question

我有一个如下选择框：

<select multiple="multiple" name="1">
    <option value="-1">ALL</option>
    <option value="1">option1</option>
    <option value="2">option2</option>
    <option value="3">option3</option>
    <option value="4">option4</option>
</select>

现在根据要求，如果用户选择选项ALL，则会自动取消选择其余值（如果已选择）。例如，如果我选择选项2和选项3然后如果我选择ALL则选择选项2和选项3应该取消选择

Answer 1

尝试

jQuery(function ($) {
    var $select = $('select[name="1"]'),
        $all = $select.find('option[value="-1"]'),
        $opts = $select.find('option').not($all)
        $select.change(function () {
            if ($all.is(':selected')) {
                $opts.prop('selected', false);
            } else {
                $all.prop('selected', false);
            }
        });
});

演示：Fiddle

选择框，如果选择了ALL，则取消选择其他选项

1 个答案: