그누보드 QA - 숫자를 더하는 소스를 구하려는데 NaN이 뜨고 있습니다.

숫자를 더하는 소스를 구하려는데 NaN이 뜨고 있습니다.

월하의검사 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2024.05.19 22:26:03 조회 221 (175.♡.♡.83)

본문

<table>

<tr>
<td>1111
<select onChange="sumAll()" id=wr_body_6 class='ed' required name='wr_body_6[]' itemname='1111'>
<option value=''>선택하세요</option>
<option value='69000' <?=$wr_body_6[$i] == '69000' ? 'selected' : ''?>>69000</option>
<option value='74000' <?=$wr_body_6[$i] == '74000' ? 'selected' : ''?>>74000</option>
<option value='69000' <?=$wr_body_6[$i] == '69000' ? 'selected' : ''?>>69000</option>
</select>
</td>
</tr>
<tr>
<td>2222
<select onChange="sumAll()" id=wr_body_6 class='ed' required name='wr_body_6[]' itemname='2222'>
<option value=''>선택하세요</option>
<option value='79000' <?=$wr_body_6[$i] == '79000' ? 'selected' : ''?>>79000</option>
<option value='89000' <?=$wr_body_6[$i] == '89000' ? 'selected' : ''?>>89000</option>
<option value='89000' <?=$wr_body_6[$i] == '89000' ? 'selected' : ''?>>89000</option>
</select>
</td>
</tr>

<tr>
<td>3333
<select onChange="sumAll()" id=wr_body_6 class='ed' required name='wr_body_6[]' itemname='3333'>
<option value=''>선택하세요</option>
<option value='109000' <?=$wr_body_6[$i] == '109000' ? 'selected' : ''?>>109000</option>
<option value='119000' <?=$wr_body_6[$i] == '119000' ? 'selected' : ''?>>119000</option>
<option value='119000' <?=$wr_body_6[$i] == '119000' ? 'selected' : ''?>>119000</option>
</select>
</td>
</tr>

<tr>
<td>4444
<select onChange="sumAll()" id=wr_body_6 class='ed' required name='wr_body_6[]' itemname='4444'>
<option value=''>선택하세요</option>
<option value='0' <?=$wr_body_6[$i] == '0' ? 'selected' : ''?>>0</option>
<option value='200000' <?=$wr_body_6[$i] == '200000' ? 'selected' : ''?>>200000</option>
</select>
</td>
</tr>
<tr>
<td>
총 <input type=text id=totalInput name=totalInput value='0'>
</td>
</tr>
</table>

숫자를 선택하면 하단에 해당 숫자들이 더한 합을 구하려고 합니다.

그런데 합계 부분에 NaN이 뜨고 있습니다.

어떤 부분을 수정해야 숫자로 합계가 뜰까요?

고수님들의 도움을 구합니다.

#숫자합계

답변 3

배르만 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2024-05-19 22:38:08 221.♡.♡.6


<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function sumAll() {
    var totalInput = 0;
    $('select[name="wr_body_6[]"]').each(function (i, el) {
        var num = $(this).val();
        totalInput += Number(num);
    });
    $('#totalInput').val(totalInput);
}
$(function () {
    $('select[name="wr_body_6[]"]').each(function (i, el) {
        $(el).on('change', sumAll);
    });
});
</script>
 
<table>
<tr>
<td>1111
            <select class='ed' required name='wr_body_6[]' itemname='1111'>
                <option value=''>선택하세요</option>
                <option value='69000'>69000</option>
                <option value='74000'>74000</option>
                <option value='69000'>69000</option>
            </select>
</td>
</tr>
<tr>
<td>2222
            <select class='ed' required name='wr_body_6[]' itemname='2222'>
                <option value=''>선택하세요</option>
                <option value='79000'>79000</option>
                <option value='89000'>89000</option>
                <option value='89000'>89000</option>
            </select>
</td>
</tr>
<tr>
<td>3333
            <select class='ed' required name='wr_body_6[]' itemname='3333'>
                <option value=''>선택하세요</option>
                <option value='109000'>109000</option>
                <option value='119000'>119000</option>
                <option value='119000'>119000</option>
            </select>
</td>
</tr>
<tr>
<td>4444
            <select class='ed' required name='wr_body_6[]' itemname='4444'>
                <option value=''>선택하세요</option>
                <option value='0'>0</option>
                <option value='200000'>200000</option>
            </select>
</td>
</tr>
<tr>
<td>
총 <input type="text" id="totalInput" name="totalInput" value='0'>
</td>
</tr>
</table>