regform

HTML

<form action="https://extended.humboldt.edu/ee/html/register/reg.php" method="post" enctype="x-www-form-encoded" name="registration" id="registration">
    <table>
        <tr>
            <th height="0" colspan="3" id="dutch" headers="selection classtitle">
                 <h4><strong><em>DUTCH</em></strong></h4>

            </th>
        </tr>
        <tr>
            <td height="1" colspan="2" headers="selection classtitle dutch" id="dutchselection">
                <div style="margin-left:24px">
                    <input type="radio" name="language" id="dutch_EENCx075_27745" onClick="total(1);" value="dutch_EENCx075_27745" alt="Select for Dutch, EENCx075" required>
                    <p> <strong class="coursetitle">DUTCH LANGUAGE </strong> (27745, $75 for 5 months subscription)</p>
                    <p> <em>If you want credit, please check the option below in addition to the above:</em>

                    </p>
                    <br>
                    <input type="radio" name="credit" id="dutch_WLC110_27750" onClick="total(2);" value="dutch_WLC110_27750" alt="Select for credit in Dutch, WLC110">
                    <p><strong class="coursetitle">CREDIT for DUTCH</strong> (1 unit, WLC 110, 27750, $275 additional)</p>
                </div>
            </td>
            <td width="210" id="dutchfee" headers="selection classtitle dutch dutchselection">
                <p>$
                    <input name="dutch_EENCx075_27745_subtotal" size="10" type="text" alt="Fee for Dutch, EENCx075" readonly/>
                    <br>
                    <br>$
                    <input name="dutch_WLC110_27750_subtotal" size="10" type="text" alt="Fee for credit in Dutch, WLC 110" readonly/>
                </p>
            </td>
        </tr>
        <tr>
            <th height="0" colspan="3" id="esl" headers="selection classtitle">
                 <h4><strong><em> ESL (English as a Second Language)</em></strong><br>
        </h4>

            </th>
       ...

CSS

table {
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #F1EBDD;
}
td {
    vertical-align: top;
    padding: 9px;
    border: medium solid #FFF;
}
th {
    vertical-align: top;
    padding: 9px;
    border: medium solid #FFF;
    text-align: center;
}

JavaScript

function total(button) {
    if (button == 1) {
        $("#dutch_EENCx075_27745").prop("checked", true);
        $("#dutch_WLC110_27750").prop("checked", false);
        $("#esl_EENCx075_27745").prop("checked", false);
        $("#esl_WLC110_27751").prop("checked", false);
    }
    if(button == 2) {
        $("#dutch_EENCx075_27745").prop("checked", true);
        $("#dutch_WLC110_27750").prop("checked", true);
        $("#esl_EENCx075_27745").prop("checked", false);
        $("#esl_WLC110_27751").prop("checked", false);
    }
    if(button == 3) {
        $("#dutch_EENCx075_27745").prop("checked", false);
        $("#dutch_WLC110_27750").prop("checked", false);
        $("#esl_EENCx075_27745").prop("checked", true);
        $("#esl_WLC110_27751").prop("checked", false);
    }
    if(button == 4) {
        $("#dutch_EENCx075_27745").prop("checked", false);
        $("#dutch_WLC110_27750").prop("checked", false);
        $("#esl_EENCx075_27745").prop("checked", true);
        $("#esl_WLC110_27751").prop("checked", true);
    }
    var total = 0;
    var reg = 0;

    if ($('#dutch_EENCx075_27745').is(':checked')) {

        reg = reg + 75;
        window.document.registration.dutch_EENCx075_27745_subtotal.value = 75;
    } else {
        window.document.registration.dutch_EENCx075_27745_subtotal.value = "";
    }

    if ($('#dutch_WLC110_27750').is(':checked')) {

        reg = reg + 232;
        window.document.registration.dutch_WLC110_27750_subtotal.value = 232;
        reg = reg + 75;
        window.document.registration.dutch_EENCx075_27745_subtotal.value = 75;
    } else {
        window.document.registration.dutch_WLC110_27750_subtotal.value = "";
    }

    if ($('#esl_EENCx075_27745').is(':checked')) {

        reg = reg + 75;
        window.document.registration.esl_EENCx075_27745_subtotal.value = 75;
    } else {
        window.document.registration.esl_EENCx075_27745_subtotal.value = "";
    }

    if ($('#esl_WLC110_27751').is(':checked')) {

     ...