Question

我有几个多选框。

在每个框中，您可以单击几个选项，以及“ALL”类别。

我想说明当你选择ALL时，该框中的其余选项将被禁用。我需要一种方法来选择框中的其他选项，我不确定如何。

Answer 1

喜欢这个吗？

   $("#Select1 option").attr('disabled', true);
   $("#Select1 #AllOption").attr('disabled', false);

    <select id="Select1">
            <option id="AllOption">ALL</option>
            <option>Red</option>
            <option>Green</option>
            <option>Blue</option>
    </select>

首先禁用所有选项，然后启用要启用的选项。我给了它一个ID，以便更容易。

Answer 2

我认为这就是你想要的（工作示例：http://jsfiddle.net/k7X6T/）：

$("#s").change(function(){
    var $this = $(this);
    if($this.val() == "all")
        $this.children("option").not("#all").prop("disabled", true);
    else
        $this.children("option").prop("disabled", false);
});

<select id="s" multiple="multiple">
  <option value="all" id="all">All</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

选择框选项的jQuery选择器？

2 个答案: