在JQuery多选中选择选项A时选择选项B.

时间:2013-12-24 06:48:23

标签: javascript jquery

我有一个要求就像当你选择选项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();
        }
    });
}

2 个答案:

答案 0 :(得分:0)

试试这个:

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

希望这有帮助。

答案 1 :(得分:0)

SelectOptionB()更改为:

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