通过注册元素从HTML到另一个的值

Question

在谈论HTML时我完全是新手，所以这对你来说很明显，但我希望你能帮到我。

我们有一个top-menu.html，有一些下拉菜单。其中一个菜单是复选框菜单。我必须在另一个HTML（index.html）中获取值（以及它的更改事件）。

有一个JS代码注册了一个可以被index.html使用的元素。不过，我不知道如何检索复选框值。

top-menu.html JS：

function build_component() {

    var template = (document._currentScript || document.currentScript)
           .ownerDocument.querySelector('#top-menu-template'); 
    var topMenu = Object.create(HTMLElement.prototype);

    topMenu.createdCallback = function() {
        // import template into
        var clone = document.importNode(template.content, true);
        this.appendChild(clone);
    };

    document.registerElement('page-top-menu', { prototype: topMenu });
}

好的，所以我可以在<page-top-menu>中使用index.html。如何获得checkbox.checked值？

Answer 1

使用jquery，您可以轻松地执行此操作

HTML：

<input type="checkbox" value="0" class="check1">

jquery：您可以使用本地存储来保存您的价值

$('.check1').on('change',function(){

       var val1 = $(this).val();
       localStorage.setItem("value", val1);
       alert(val1);

    }

要检索它，您可以使用以下代码，如果您不想再删除它

var valnew = localStorage.getItem("value");
alert(valnew);
localStorage.removeItem("value");