如果选中，则引导多选条件

Question

我有一个包含值的数组，我提出一个请求，将信息发送到多选。

当我打开我的选择时，我预先选择了几个值。

我的问题是，如果我单击取消选中 boostrap 多选上的复选框，我想从我的数组中删除此信息。如果我单击复选框，我想将值放回数组中。

在我的代码中，我首先检查值是否在数组中，但与 boostrap 选择的交互不是我想要做的。

    // that bring the information in boostrap multiselect
    var vetornovo = ValueChecked();

    // here i try to detect the change to check and unchecked but doesnt works
    // all informations is selected: "selected" by default
    $("#os-select-list").change(function() {
                // i take the checkbox value.
                var valueck = parseInt($("#os-select-list option:selected").text());

                // if the information is in that i array when i click to unchecked then remove.
                  if (vetornovo.indexOf(valueck) > -1) {
                        index = $.inArray(valueck, vetornovo);
                        vetornovo.splice(index, 1);  
                        console.log(vetornovo);     
                    // when i click to selecte the value again i push and insert back to the array.
                  } else {
                    vetornovo.push(valueck);
                    console.log(vetornovo);   
                  }
    });

我想了解什么是错的，为什么当我点击复选框时不做并且有时会重复内容。

Answer 1

假设您正在使用 https://www.jqueryscript.net/form/jQuery-Multiple-Select-Plugin-For-Bootstrap-Bootstrap-Multiselect.html

检测变化的命令是

* Triggered on change of the multiselect.
*
* Not triggered when selecting/deselecting options manually.
*
* @param {jQuery} option
* @param {Boolean} checked 
*/
onChange : function(option, checked) {

}

不像你在代码中那样“改变”

有许多“选择”可以与引导程序一起使用 - 我喜欢 https://developer.snapappointments.com/bootstrap-select/ - 它有很好的示例和易于阅读的说明 - 如果您刚刚开始，值得一看...