設置在JQuery多重選擇中選擇選項A時選擇的選項B

Question

我有這樣的要求，例如當您選擇選項A自動選擇選項B時，我搜索了用於選擇特定選項的函數，但是我沒有找到任何選項，最后我寫了我認為對您有用的東西。

<select id="multiselectid" multiple>
    <option value='optionA'>Option A</option>
    <option value='optionB'>Option B</option>
    <option value='optionC'>Option C</option>
</select>

這是jquery代碼段。

$("#multiselectid").multiselect("widget").find(":checkbox").change(function () {
    if ($(this).val() == 'OptionA' && $(this).is(":checked")) {
        selectOptionB();
    }
});

function selectOptionB() {
    $("#multiselectid").multiselect("widget").find(":checkbox").each(function () {
        if ($(this).val() == 'OptionB' && !$(this).is(":checked")) {
            this.click();
        }
    });
}

Answer 1

嘗試這個：

$("#multiselectid").multiselect("widget").find(":checkbox").change(function(){
    if($(this).val()=='OptionA' && $(this).is(":checked"))
        {
            $("#optionB").attr("checked",true).checkboxradio("refresh");
        }
});

希望這可以幫助。

Answer 2

將SelectOptionB()更改為：

function selectOptionB() {
    $("#multiselectid").multiselect("widget").find(":checkbox").each(function () {
        if ($(this).val() == 'OptionB' && !$(this).is(":checked")) {
            $(this).attr("checked",true);
        }
    });
}