HTML/PHP if-else語句

我正在用Bootstrap創建一個網站，我想輸入一個if-else語句，但我不知道該怎麼做。讓我來解釋：HTML/PHP if-else語句

這裏是我當前的HTML代碼段的圖像： enter image description here

現在我想的是，如果我從「OFF」到「ON」的「AN-/ Ausschalten」改變自動「狀態aktuell」從「OFF」到「ON」，也有其他的方式打開，所以應該是這樣的：

enter image description here

我給這部分目前的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>

有人可以告訴我，如果使用其他代碼，我必須使用它來做到這一點嗎？代碼應該是什麼樣子才能起作用？

我真的很感謝你的幫助。

謝謝，克里斯

來源

2015-04-28 Christoph C.

更好地使用JavaScript/jQuery的這一點。 – Daan

不需要if語句可以通過jQuery完成 –

嗨，你需要做的是

首先你使用

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

然後，你必須設置其他複選框

的checked屬性跟蹤複選框更改事件

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

代碼想similer到

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

來源

2015-04-28 09:58:20

從jQuery 1.6開始，對於尚未設置的屬性，.attr（）方法返回undefined。要檢索和更改表單元素的選中，選中或禁用狀態等DOM屬性，請使用.prop（）方法。 – Daan

請發佈您的代碼您已嘗試 –

爲什麼？我沒有創建這個問題。我只是說最好使用'.prop' – Daan

你有相同的ID ID = 「SWITCH-offColor」兩個元素。這不是很好的做法。如果你想讓你的CSS應用到複選框，你應該考慮使用class：class =「switch-offColor」。

那麼做到這一點：

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

這將打開其他的複選框了。如果您想再次關閉它，則應用類似的代碼來處理其他狀態更改。

您可以使用另一個類來處理這個和解耦你的CSS：類=「SWITCH-offColor myLinked_checkboxes」或您選擇的任何名稱。

看看這個小提琴： https://jsfiddle.net/73af3hjh/

來源

2015-04-28 10:16:04

感謝您的代碼。在jsfiddle它正在工作，在我的網站上它不工作。請看這裏：http://smarthome.czellary.at/haushaltsgeraete.php（左上框）！當你看到源代碼時，我做錯了什麼？ –

你正在使用引導程序。這是不同的。看看這個答案：http：//stackoverflow.com/questions/18911067/bootstrap-switch-global-checkbox-to-uncheck-all-other –

HTML/PHP if-else語句

回答

相關問題