JavaScriptの値を変更チェックボックス

Question

チェックボックスがチェックされた場合、私は、文字列の値を変更しているよ：

<input id="checkbox-2" class="checkbox-custom" name="checkbox-group" type="checkbox"> 

をこれまでのところ、私には、JavaScriptのソリューションを持っていませんが、私は、以下に示す両方の値を変更したいです、チェックボックスがチェックされている場合：

<h3><i class="fa fa-check"></i> <span class="the-amount"><?= $stringvalue ?></span></h3> 
<h3><b>TOTAL:</b> <span>$<?= $cost ?></span></h3> 

Answer 1

私はjQueryのを使用することをお勧めします。

$("#checkbox-2").change(function(){ 
 
$(this).is(":checked") ? $("#text").html("checked") : $("#text").html("unchecked"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="checkbox-2" class="checkbox-custom" name="checkbox-group" type="checkbox"> 
 
<div id="text">checkstatus</div>