Das Kontrollkästchen in Laui verwendet „lay-skin="switch", um Ereigniszuweisung und -wert zu filtern

In Laui lay-skin="switch"löst die verwendete Kontrollkästchenkomponente Ereignisse aus, wenn Filtervorgänge ausgeführt werden form.on('switch(filter)'). In der Handlerfunktion dieses Ereignisses datakönnen relevante Daten über Parameter abgerufen werden.

Im Einzelnen dataenthalten Parameter die folgenden Eigenschaften:

1. elem: Holen Sie sich das ursprüngliche DOM-Objekt des Kontrollkästchens.
2. value: Ruft den Wert des Kontrollkästchens ab. Wenn es wahr ist, bedeutet dies, dass es ausgewählt ist, und wenn es falsch ist, bedeutet es, dass es nicht ausgewählt ist.

Durch Abhören des Ereignisses switch(filter) können Sie entsprechende Filtervorgänge durchführen, wenn sich der Auswahlschalter ändert. In der Ereignisrückruffunktion können Sie das ursprüngliche Kontrollkästchen-DOM-Objekt über data.elem und den Kontrollkästchenwert (wahr oder falsch) über data.value abrufen. Sie können je nach Bedarf Ihre eigene Filterlogik in die Ereignisrückruffunktion schreiben.

HTML

der Code

 <div class="layui-form-item">
                    <label for="rec_time" class="layui-form-label">短信通知<span class="x-red"></span></label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="sms" lay-skin="switch" lay-text="开启|关闭" lay-filter="sms">
                    </div>
                </div>

Zuordnung und Wert wechseln

    //短信是否通知
        var sms;
        form.on("switch(sms)", function (data) {
    
    
            var thisValue = this.checked ? '1' : '0';
            //console.log(thisValue);
            if (thisValue == 1) {
    
    
                $("#pat").css("display", "block");
                sms = 1;
            } else {
    
    
                $("#pat").css("display", "none");
                sms = 0;
            }
        });

---

@missingsometimes