Layuis Methode, mehrere Radioereignisse anzuhören-Layui-Tutorial-php.cn

Layuis Methode, mehrere Radioereignisse anzuhören

尚

Freigeben： 2019-12-13 17:06:00

nach vorne

3989 Leute haben es durchsucht

Layuis Methode, mehrere Radioereignisse anzuhören

Die Anforderungen lauten wie folgt: Wenn Sie Optionsfeld 3 auswählen möchten, aktivieren Sie alle Kontrollkästchen unter Optionsfeld 3

Layuis Methode, mehrere Radioereignisse anzuhören

Wenn das Panel nicht viele Informationen enthält, können Sie jedem Optionsfeld 3 ein festes Hörereignis hinzufügen

Aber im eigentlichen Projekt gibt es nicht nur zwei, sondern Dutzende, und Sie können es nicht anbinden Diesmal. Definieren Sie einen Lay-Filter und fügen Sie ein form.on('radio(filter)')-Ereignis hinzu

Also hier habe ich eine allgemeine Methode zum Überwachen mehrerer Radios geschrieben:

// 选取“单选框3”，“单选框3”下的所有内容全选
        var flagID = document.querySelectorAll("input[title=&#39;单选框3&#39;]");
        var aFlagID = new Array();
        for (var j = 0; j < flagID.length; j++) {
            aFlagID.push(flagID[j].id);
        }
        // 监听所有title为“单选框3”的radio
        // 注意：此时title为“单选框3”的radio的id和lay-filter需要设为一致！！！！
        for (var i = 0; i < aFlagID.length; i++) {
             form.on(&#39;radio(&#39;+aFlagID[i]+&#39;)&#39;, function(data) {
                $(data.elem).next().next().children("input").addClass(""+aFlagID[i]+"_other");
                $("."+aFlagID[i]+"_other").attr("checked", "checked");
                $("."+aFlagID[i]+"_other + div").addClass(&#39;layui-form-checked&#39;);
                element.init();
            });
        }

Nach dem Login kopieren

Dies hier , der Lay-Filter jedes Radios wird über die ID erhalten, und die Radio-ID und der Lay-Filter sind gleich eingestellt.

$(data.elem) ist das aktuell überwachte DOM-Element Sehen Sie sich hier die Seite an, die vom Browser erfolgreich gerendert wurde. Zu diesem Zeitpunkt ist das Eingabeelement ausgewählt, nämlich das Optionsfeld 3. Da Laui die Eingabe jedoch verschönert, wird diese Eingabe nicht angezeigt >

Achten Sie auf das Bild unten: Das nächste Eingabeelement zu diesem Zeitpunkt ist das „Radio-Button 3“, das wir sehen

Layuis Methode, mehrere Radioereignisse anzuhören

Achten Sie unbedingt darauf es bei der Auswahl des Elements Quasi-Element! Layuis Methode, mehrere Radioereignisse anzuhören

Diese Methode hat die folgenden Einschränkungen:

1. Sie müssen die ID und den Lay-Filter für jede „Radio Box 3“ manuell festlegen Box 3“ Die ID und der Lay-Filter von „Box 3“ müssen konsistent sein;

3. Beim Abrufen von Elementen wird die jQuery-Methode verwendet, um Elemente zu finden;

4. Der Weg Um Elemente zu finden, muss sie je nach Seitenlayout geändert werden.