将多个复选框值存储到本地存储

时间:2018-03-20 14:00:12

标签: javascript jquery

基本上,

我试图存储已检查的复选框的值,然后使用localstorage在另一个页面上检索它们。

目前,它存储了当时点击的复选框值,但我希望存储所有选中的复选框,而不仅仅是一个。

所以目前它只存储一个,而不是检查所有复选框。

继承我的代码。

$("input[type=checkbox]").on('change', (event) => {

          let $newval = [];
                let $this = $(event.currentTarget);
                let $label = $(`.visible[for=${$this.attr('id')}]`);
                if ($this.prop("checked")) {
                    $label.text("Item selected");
                    //   localStorage.setItem("checkbox", $(this).val());


                        let $newval = (event.target.value);

                        let picked = JSON.stringify($newval);
                var selectedGameIds = localStorage.setItem("selectedGameIds", picked);

                console.log($newval);
               console.log(event.target.value);
                } else {
                    $label.text("Compare");
                }
                console.log($("input[type=checkbox]"));

                if ($('input[type=checkbox]:checked').length >= 3) {
                    $("input[type=checkbox]:not(:checked)").prop("disabled", true);
                } else {
                    $("input[type=checkbox]").prop("disabled", false);
                }

            })

之前尝试使用for循环,并没有真正解决问题。想知道是否有一个更简单的解决方案。问候

0 个答案:

没有答案