HTML/PHP if-else 语句

Question

我正在使用 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 代码才能实现这一点？代码应该是什么样子才能正常工作？

非常感谢您的帮助。

谢谢， 克里斯

Answer 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");
}
        });

Answer 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/