javascript - jQuery 设置多选 OptGroup 选项

Question

我有一个带有 OptGroups 的多选列表，如下所示:

<select multiple="multiple" id="idCountry">
    <optgroup label="ASIA">
      <option value="AUSTRALIA">AUSTRALIA</option>
      <option value="CHINA">CHINA</option>
    </optgroup>
    <optgroup label="EUROPE">
      <option value="FRANCE">FRANCE</option>
      <option value="UK">UK</option>
    </optgroup>
</select>

如何让 jQuery 通过标签仅为用户选择欧洲的所有目的地？如何同时取消选择 Optgroup by Label 中的所有目的地？

添加是为了让 Ejay 开心。这是我尝试过的，但它不起作用，我不知道从这里去哪里。

$(".chkRegion").click(function () {
    if (this.checked) {
        var optgroup = $('select optgroup[label="' + this.checked + '"]')
        optgroup.attr('selected', true);
    }
});

Answer 1

设置

$('optgroup[label=EUROPE] option').prop('selected',true);

相应地更改标签值和 bool 值以取消选择

DEMO