javascript - 如何在关闭模式后保留选中的复选框?

标签 javascript jquery twitter-bootstrap checkbox

我有一个如下所示的模式: enter image description here

选中几个复选框并单击将用户添加到新组后,模式关闭,我正在捕获选中的复选框的值。但现在我需要在关闭模式之前检查的那些复选框在再次打开模式后保持检查状态,以便用户可以看到他检查了哪个复选框(如果可以的话)。这是我尝试过的:

$(document).ready(function(){
     $('#addNewMembers').click(function(){//click on Add Users to New Group button
     var selected = $('#ovdjeSuSelektovani').val();//im putting value of all checked checkboxes inside hidden input, so this is how i'm retrieving those values
     console.log(selected);
     if(selected!='') {
        var arrayOfSelected = selected.split(",");
        for(var i=0;i<arrayOfSelected.length;i++){
            $('checkbox value=['+arrayOfSelected[i]+']').prop('checked',true);//did not recognize the jQuery selector
        }
        var numberOfSelected=arrayOfSelected.length;
        $('#numberOfMembers').text(numberOfSelected)
    }else{//neko upozorenje    
    }    
});

没用。 尝试二:

$("#modal-6 input[type='checkbox']:checked").each(function () {
       this.prop('checked',true);
});

重新打开模式后什么也没做。如果有人有任何建议,我很乐意尝试。

最佳答案

没有 html 标签 checkbox,所以这不起作用

$('checkbox value=['+arrayOfSelected[i]+']').prop('checked',true);

试试这个

$('input[type=checkbox][value='+arrayOfSelected[i]+']').prop('checked',true);

然后它将选中复选框并使其保持选中状态,直到您明确取消选中它们为止。

关于javascript - 如何在关闭模式后保留选中的复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37271369/

相关文章:

javascript - 获取指定位置的元素 - JavaScript

javascript - 遍历时隙

html - 如何在 td 中用标签类包装跨度

javascript - 如何设置纬度和经度以使用 Google Chrome 调试 Geolocation API?

javascript 几个对应的数组归约/求和

javascript - 显示基于文本字段值的 div?

javascript - 如何制作一个随机脱离鼠标光标的div?

javascript - 拖放重叠点

jquery - 使用 btn-primary 的 Twitter Bootstrap 按钮组

html - 为什么 CSS 无法居中对齐?