0
我試圖通過爲onchange分配函數單擊複選框來更改div的顏色。我在var div id和var checkbox函數中獲得null。我錯過了什麼嗎？或者有沒有什麼辦法可以做到這一點，只有通過使用CSS？單擊複選框時更改Div Color
function check(cbid,id) {
\t var div = document.getElementById(id);
\t var checkbox = document.getElementById(cbid);
\t console.log(div);
\t console.log(checkbox);
\t if(checkbox.checked == true) {
\t \t div.style.backgroundColor = "red";
\t } else {
\t \t div.style.backgroundColor = "black";
\t }
}.excluded-prices {
\t min-height: 55px;
\t padding: 13px 0 0 0;
\t border-top: 1px solid #eaeaea;
\t float: left;
\t width: 100%;
\t position: relative;
\t clear: left;
\t margin: 10px 0 0 0;
\t background: #f5fbf5;
\t border-radius: 3px;
}
.excluded-prices:hover {
\t background-color: white;
}
.excluded-prices .ep-checkbox {
\t padding: 0 13px 0 0;
\t margin-left: 10px;
\t float: left;
}
.ep-checkbox .epc {
\t padding: 0;
\t margin: 0;
\t border: 0;
}
excluded-prices .ep-name {
\t width: 240px;
\t float: left;
}
.epn-title {
\t padding: 0;
\t margin: 0;
\t display: block;
\t cursor: pointer;
\t font-weight: bold;
\t font-size: 13px;
\t color: #003580; \t
}
.epn-description {
\t margin-left: 35px;
\t padding: 8px 0 13px 0;
\t display: block;
\t font-size: .923em;
\t font-weight: normal;
\t color: #537bb4;
\t cursor: pointer;
}
.ep-price {
\t display: none;
\t float: right;
\t margin-top: -45px;
\t padding-bottom: 15px;
}
.epp-total {
\t width: 90px;
\t float: right;
\t margin-right: 5px;
}
.total-title {
\t text-align: center;
\t padding: 0 0 3px 0;
\t margin: 0;
}
.eppt-price {
\t color: #0898ff;
\t text-align: center;
\t padding: 0 0 3px 0;
\t margin-top: 0;
}<div class="excluded-prices" id="internet">
<div class="ep-checkbox">
<input type="checkbox" id="cbinternet" onchange="check(cbinternet,internet)" class="epc">
</div>
<div class="ep-name">
<label class="epn-title">Internet(Cable)</label>
<label class="epn-description">Internet is available for the entire property and costs € 14 per
day.</label>
</div>
<div class="ep-price">
<input type="hidden" id="ep_price">
<div class="epp-total">
<p class="total-title">Total</p>
<p class="eppt-price">BAM 28</p>
</div>
</div>
</div>
改變你對改變成平變化=「檢查（ 'cbinternet'， '互聯網'） – bxorcloud
謝謝@bxorcloud！ –