HTML / PHP if-else语句

Question

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

以下是我当前HTML代码段的图片：

现在我想要的是，如果我从＆＃34; OFF＆＃34;到＆＃34; ON＆＃34; by＆＃34; An- / Ausschalten＆＃34;自动地＆＃34;状态aktuell＆＃34;从＆＃34; OFF＆＃34;到＆＃34; ON＆＃34;而另一种方式应该是这样的：

我这部分的当前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");

你的代码应该像similer一样

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

Answer 2

你有两个元素具有相同的ID id =＆＃34; switch-offColor＆＃34;。这不是好习惯。 你应该考虑使用class：class =＆＃34; switch-offColor＆＃34;如果你想要css应用于复选框。

然后这样做：

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

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

你可以使用另一个类来处理这个并解耦你的CSS： class =＆＃34; switch-offColor myLinked_checkboxes＆＃34;或您选择的任何名称。

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