diff --git a/src/web/html/setup.html b/src/web/html/setup.html
index 1b0a9f07..4d6ba40f 100644
--- a/src/web/html/setup.html
+++ b/src/web/html/setup.html
@@ -1300,9 +1300,20 @@
             }
 
             function battOnOff() {
+                // TODO: zuerst wert setzen
+                // dann über ajax denn gesetzten wert zurück aus dem system holen
+                // damit man sieht das es erfolgreich gesetzt worden ist.
+                const sw = document.getElementById("battSwitch");
+                if (sw.value == 0) {
+                    sw.value = 1;
+                    sw.innerHTML = "{#BTN_ON}";
+                } else {
+                    sw.value = 0;
+                    sw.innerHTML = "{#BTN_OFF}";
+                }
+
                 var obj = {cmd: "ze_batt_onff", token: "*"}
                 getAjax("/api/setup", apiCbBattOnOff, "POST", JSON.stringify(obj));
-//                setTimeout(function() {getAjax('/api/setup/networks', listNetworks)}, 5000);
             }
 
             function ZeroExportGroup_Modal(obj, ivObj) {
@@ -1427,27 +1438,15 @@
                     ]),
                     // Battery
                     ml("div", {id: "div{#ZE_GROUP_TAB_BATTERY}", class: "tab-content hide"}, [
-                        divRow("{#ZE_GROUP_TAB_BATTERY_CFG}",
-                            ml("select", {name: "battCfg", class: "text", id: "battCfg"}, null),
-                        ),
-                        divRow("{#ZE_GROUP_TAB_BATTERY_TOPIC}",
-                            ml("input", {name: "battTopic", class: "text", type: "text", value: obj.battTopic}, null),
-                        ),
-                        divRow("{#ZE_GROUP_TAB_BATTERY_LIMITON}",
-                            ml("input", {name: "battLimitOn", class: "text", type: "number", min: "0", max: "100", step: "0.1", value: obj.battLimitOn}, null),
-                        ),
-                        divRow("{#ZE_GROUP_TAB_BATTERY_LIMITOFF}",
-                            ml("input", {name: "battLimitOff", class: "text", type: "number", min: "0", max: "100", step: "0.1", value: obj.battLimitOff}, null),
-                        ),
-                        divRow("{#ZE_GROUP_TAB_BATTERY_ONOFF}", ml("input", {name: "battSwitch", id: "battSwitch", class: "btn", type: "button", value: "{#BTN_ONOFF}", onclick: battOnOff()}, null)),
+                        divRow("{#ZE_GROUP_TAB_BATTERY_CFG}", ml("select", {name: "battCfg", class: "text", id: "battCfg"}, null),),
+                        divRow("{#ZE_GROUP_TAB_BATTERY_TOPIC}", ml("input", {name: "battTopic", class: "text", type: "text", value: obj.battTopic}, null),),
+                        divRow("{#ZE_GROUP_TAB_BATTERY_LIMITON}", ml("input", {name: "battLimitOn", class: "text", type: "number", min: "0", max: "100", step: "0.1", value: obj.battLimitOn}, null),),
+                        divRow("{#ZE_GROUP_TAB_BATTERY_LIMITOFF}", ml("input", {name: "battLimitOff", class: "text", type: "number", min: "0", max: "100", step: "0.1", value: obj.battLimitOff}, null),),
+                        divRow("{#ZE_GROUP_TAB_BATTERY_ONOFF}", ml("input", {name: "battSwitch", id: "battSwitch", class: "btn", type: "button",  value: obj.battSwitch}, null)),
 // TODO: Uebersetzen mit lang.json und auf die entsprechende Dokuseite verlinken
-                        divRow("Hinweis: ",
-                            ml("a", {href: "https://docs.ahoydtu.de/de/latest/zeroExport.html"}, "Bitte beachten Sie die Ausfüllhinweise in der Dokumentation."),
-                        ),
+                        divRow("Hinweis: ", ml("a", {href: "https://docs.ahoydtu.de/de/latest/zeroExport.html"}, "Bitte beachten Sie die Ausfüllhinweise in der Dokumentation."),),
 // TODO: Hinweis Github/Discord - Entfernen wenn erledigt
-                        divRow("ACHTUNG: ",
-                            ml("a", {href: "https://discord.com/channels/984173303147155506/1211365440253726851"}, "Bitte auf Github keine Issues zu Zero eröffnen, sondern direkt im Discord melden."),
-                        ),
+                        divRow("ACHTUNG: ", ml("a", {href: "https://discord.com/channels/984173303147155506/1211365440253726851"}, "Bitte auf Github keine Issues zu Zero eröffnen, sondern direkt im Discord melden."),),
                     ]),
                     // Advanced
                     ml("div", {id: "div{#ZE_GROUP_TAB_ADVANCED}", class: "tab-content hide"}, [
@@ -1459,13 +1458,9 @@
                         divRow("{#ZE_GROUP_TAB_ADVANCED_KI}", ml("input", {name: "Ki", class: "text", type: "number", min: "-0.01", max: "0", step: "0.001", value: obj.Ki}, null)),
                         divRow("{#ZE_GROUP_TAB_ADVANCED_KD}", ml("input", {name: "Kd", class: "text", type: "number", min: "-0.01", max: "0", step: "0.001", value: obj.Kd}, null)),
 // TODO: Uebersetzen mit lang.json und auf die entsprechende Dokuseite verlinken
-                        divRow("Hinweis: ",
-                            ml("a", {href: "https://docs.ahoydtu.de/de/latest/zeroExport.html"}, "Bitte beachten Sie die Ausfüllhinweise in der Dokumentation."),
-                        ),
+                        divRow("Hinweis: ", ml("a", {href: "https://docs.ahoydtu.de/de/latest/zeroExport.html"}, "Bitte beachten Sie die Ausfüllhinweise in der Dokumentation."),),
 // TODO: Hinweis Github/Discord - Entfernen wenn erledigt
-                        divRow("ACHTUNG: ",
-                            ml("a", {href: "https://discord.com/channels/984173303147155506/1211365440253726851"}, "Bitte auf Github keine Issues zu Zero eröffnen, sondern direkt im Discord melden."),
-                        ),
+                        divRow("ACHTUNG: ", ml("a", {href: "https://discord.com/channels/984173303147155506/1211365440253726851"}, "Bitte auf Github keine Issues zu Zero eröffnen, sondern direkt im Discord melden."),),
                     ]),
                     // Global
                     ml("div", {class: "row mt-5"}, [
@@ -1475,6 +1470,10 @@
                 ]);
 
                 modal("{#ZE_GROUP_EDIT_MODAL}: " + obj.id, html);
+
+                // add addEventListener for battSwitch
+                const se_battswitch = document.querySelector("#battSwitch");
+                se_battswitch.addEventListener("click", (event) => { battOnOff()});
 //                ser.dispatchEvent(new Event('change'));
 
                 // Tab_Powermeter
@@ -1662,6 +1661,8 @@
                     o.battTopic = document.getElementsByName("battTopic")[0].value;
                     o.battLimitOn = document.getElementsByName("battLimitOn")[0].value;
                     o.battLimitOff = document.getElementsByName("battLimitOff")[0].value;
+                    //o.battSwitch = document.getElementsByName("battSwitch")[0].value;
+
                     // Advanced
                     o.setPoint = document.getElementsByName("setPoint")[0].value;
                     o.minimum = document.getElementsByName("minimum")[0].checked;