Bootstrap Multiselect - 当我选择(id = 1 value = 2)时,如何禁用其他多选(id = 2 value = 2)

时间:2017-02-05 08:41:15

标签: javascript jquery bootstrap-multiselect

我想禁用具有相同选项的其他<?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/drawerMainActivity" android:layout_width="match_parent" android:layout_height="match_parent"> <Linearlayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:minHeight="?android:attr/actionBarSize" android:background="?attr/colorPrimary" android:id="@+id/toolBar" android:fitsSystemWindows="true" android:theme="@style/ThemeOverlay.AppCompat.Dark" /> <FrameLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/containerView"> </FrameLayout> </Linearlayout> <android.support.v7.widget.RecyclerView android:layout_width="240dp" android:layout_height="match_parent" android:id="@+id/recyclerView" android:scrollbars="vertical" android:background="#FFFFFF" android:layout_gravity="left" /> </android.support.v4.widget.DrawerLayout> ,当我选择multiselect('#multiselect2' option value=2)选项Multiselect('#multiselect1' option value=2)时,也可以选择单个和multiselect1

我尝试在以下代码中实现multiselect2。但它没有用。

:onChange()

1 个答案:

答案 0 :(得分:0)

试试这段代码,

$(document).ready(function () {
    $('#multiselect1').multiselects({
        maxHeight: 200,
        onChange:function(element, checked) {
            var brands = $('#multiselect1 option:selected');
            var select = brands.val();
            var selected = [];
            $(brands).each(function(index, brand){
                selected.push([$(this).val()]);
            });
            var brand = $('multiselect1 option:selected');
            var select = brand.val();
            $('multiselect2 option[value="' + select + '"]').prop('disabled', true).prop('selected', false);
            $('#multiselect2').multiSelect('refresh'); 
        }
    });
});

它会起作用。