JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="class_prices">
    <li>
        <input onclick="update()" name="lbsm" id="lsbm" type="checkbox" value="lbsm">
        <label>Law &amp; Business Study Material ($59.00)</label>
    </li>
    <li>
        <input onclick="update()" name="tsm" id="tsm" type="checkbox" value="tsm">
        <label>Trade Study Material ($59.00)</label>
    </li>
    <li>
        <input onclick="update()" name="lbepc" id="lbepc" type="checkbox" value="lbepc">
        <label>Law &amp; Business Exam Preperation Class ($50.00)</label>
    </li>
    <li>
        <input onclick="update()" name="tepc" id="tepc" type="checkbox" value="tepc">
        <label>Trade Exam Preperation Class ($50.00)</label>
    </li>
</ul>
</td>
<td>
    <h2>$<span id="coursetotal"></span></h2>
</td>
</tr>

JavaScript

function update() {
    var inputs = document.getElementById('class_prices').getElementsByTagName('input'),
        chkd = false;
    
    for (var i=inputs.length; i--;) {
        if (inputs[i].type.toLowerCase() == 'checkbox' && inputs[i].checked) chkd = true;
    }
    
    console.log(chkd ? 'At least one is checked' : 'none checked')
    
}