HTML/PHP if-else 语句

Posted 2023-03-05

【中文标题】HTML/PHP if-else 语句

【英文标题】：HTML/PHP if-else Statement

【发布时间】：2015-07-07 02:28:09

【问题描述】：

我正在使用 Bootstrap 创建一个网站，我想输入一个 if-else 语句，但我不知道该怎么做。让我解释一下：

这是我当前的 html sn-p 的图像：

现在我想要的是，如果我通过“An- / Ausschalten”从“OFF”变为“ON”，“Status aktuell”会自动从“OFF”变为“ON”，反之亦然它应该是这样的：

这部分我当前的 HTML 代码是：

<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="services-wrapper">
<h3>GENERALSTEUERUNG</h3>
Steuern Sie mit nur einem Klick die komplette Lichtanlage Ihres Hauses.<br><br>
<b>Status aktuell:</b> <input id="switch-offColor" type="checkbox" data-off-color="warning" data-size="mini" readonly><br><br>
<b>An- / Ausschalten:</b> <input id="switch-offColor" type="checkbox" data-off-color="warning" data-size="mini">        
</div>
</div>

谁能告诉我我必须使用什么 if-else 代码才能实现这一点？代码应该是什么样子才能正常工作？

非常感谢您的帮助。

谢谢， 克里斯

【问题讨论】：

最好使用 javascript / jQuery。

不需要if else语句，jQuery可以完成

【参考方案1】：

你好，你需要做的是

首先您使用

跟踪复选框更改事件

$('#ID').change(function() 
        // do any thing
    );

然后你必须设置其他复选框的选中属性

喜欢

$("#id").attr("checked","checked");

您的代码应该类似于

$('#ID').change(function() 
var checked = $("#id").prop("checked");
            if (checked)
$("#id").attr("checked","checked");

        );

【讨论】：

从 jQuery 1.6 开始，.attr() 方法为尚未设置的属性返回 undefined。要检索和更改 DOM 属性，例如表单元素的选中、选择或禁用状态，请使用 .prop() 方法。

为什么？我没有提出这个问题。我只是说最好使用.prop

感谢您的帮助。我真的很感激。我对 jQuery 不是很熟悉，我很难理解你的代码。那么和我一开始的 HTML 代码相比，我要如何修改代码才能正常工作呢？

【参考方案2】：

您有两个具有相同 ID id ="switch-offColor" 的元素。这不是好的做法。 您应该考虑为此使用类：class="switch-offColor" 如果您希望将 css 应用于复选框。

然后这样做：

$(".switch-offColor").change(function()
if($(this).prop('checked'))
    $(".switch-offColor").attr('checked','checked');

);

这也会打开另一个复选框。如果您想再次将其关闭，您可以应用类似的代码来处理其他状态更改。

您可以使用另一个类来处理此问题并解耦您的 CSS： class="switch-offColor myLinked_checkboxes" 或您选择的任何名称。

看看这个小提琴： https://jsfiddle.net/73af3hjh/

【讨论】：

感谢您的代码。在 jsfiddle 它正在工作，在我的网站上它不工作。请看这里：smarthome.czellary.at/haushaltsgeraete.php（左上框）！看了源码，我哪里做错了？

您正在使用引导程序。那是不同的。看这个答案：***.com/questions/18911067/…