input 체크박스 더하기 문의드립니다! 채택완료
아이케
4년 전
조회 3,049
안녕하세요!
라디오의 값을 인풋1, 인풋2, 인풋3에 출력되게 하고
여기서 그 숫자를 더한 결과값을 출력해 주려고 합니다.
http://utogether.cafe24.com/bbs/page.php?hid=p201
</p>
<p><script>
<!--
function checkfunction()
{
with(document.all)
{</p>
<p> for(i=0; i<a.length; i++)
{
if(a[i].checked==true)
{
content1.value = a[i].value;
}
}</p>
<p>
for(i=0; i<b.length; i++)
{
if(b[i].checked==true)
{
content2.value = b[i].value;
}
}</p>
<p> for(i=0; i<c.length; i++)
{
if(c[i].checked==true)
{
content3.value = c[i].value;
}
}</p>
<p>
}
}
//--></p>
<p>
<!--
function sum()
{
var obj = document.sumfrm;
var sum=0;
for(i=0;i<obj.content.length;i++)
{
if(obj.content[i].value*0 == 0)
{
sum += obj.content[i].value*1;
}
}
obj.sum_content.value = sum;
}
//--></p>
<p></script></p>
<p>
제가 개발자가 아니어서 잘 모르는 상태인데, 여기저기서 퍼와가지고 작업한거라 뭐가 뭔지도 모르겠습니다^^;;
</p>
<p><form name='sumfrm' method="post" action=""></p>
<p>
<input type='radio' name='a' value='24200' onclick='javascript:checkfunction()'> 24200
<input type='radio' name='a' value='29700' onclick='javascript:checkfunction()'> 29700
<input type='radio' name='a' value='35200' onclick='javascript:checkfunction()'> 35200</p>
<p>
</p>
<p><input type='radio' name='b' value='12100' onclick='javascript:checkfunction()'> 12100
<input type='radio' name='b' value='16500' onclick='javascript:checkfunction()'> 16500
<input type='radio' name='b' value='18700' onclick='javascript:checkfunction()'> 18700
<input type='radio' name='b' value='26300' onclick='javascript:checkfunction()'> 26300
<input type='radio' name='b' value='28800' onclick='javascript:checkfunction()'> 28800</p>
<p>
</p>
<p><input type='radio' name='c' value='6600' onclick='javascript:checkfunction()'> 6600
<input type='radio' name='c' value='7700' onclick='javascript:checkfunction()'> 7700
<input type='radio' name='c' value='9900' onclick='javascript:checkfunction()'> 9900
<input type='radio' name='c' value='9900' onclick='javascript:checkfunction()'> 9900
<input type='radio' name='c' value='11000' onclick='javascript:checkfunction()'> 11000</p>
<p>
</p>
<p><input type="text" name="content" id='content1' onBlur="sum()" value="0">
<input type="text" name="content" id='content2' onBlur="sum()" value="0">
<input type="text" name="content" id='content3' onBlur="sum()" value="0">
결과 : <input type="text" name="sum_content"></p>
<p>
이게 계산은 잘 되는데 꼭 인풋1이나 결과부분을 눌러줘야만 결과값이 나오더라고여;;
혹시 해결책이 있거나 힌트가 있다면...
알려주시면 감사하겠습니다!
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
채택된 답변
+20 포인트
마르스컴퍼니
Expert
4년 전
function checkfunction() 에 sum(); 을 추가해주면 됩니다.
function checkfunction() {
~
sum();
}
</p>
<p><script>
function checkfunction()
{
with(document.all)
{
for(i=0; i<a.length; i++)
{
if(a[i].checked==true)
{
content1.value = a[i].value;
}
}</p>
<p> for(i=0; i<b.length; i++)
{
if(b[i].checked==true)
{
content2.value = b[i].value;
}
}
for(i=0; i<c.length; i++)
{
if(c[i].checked==true)
{
content3.value = c[i].value;
}
}</p>
<p> }</p>
<p> </p>
<p> sum();</p>
<p>
}
//--></p>
<p><!--
function sum()
{
var obj = document.sumfrm;
var sum=0;
for(i=0;i<obj.content.length;i++)
{
if(obj.content[i].value*0 == 0)
{
sum += obj.content[i].value*1;
}
}
obj.sum_content.value = sum;
}
</script></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
아이케
4년 전
감사합니다!!!!
댓글을 작성하려면 로그인이 필요합니다.
4년 전
</p>
<p><script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script></a>
1 <input type="radio" name="num1" value="1" id="num1" class="sum"/>
2 <input type="radio" name="num1" value="2" id="num1" class="sum"/>
</p>
<p>3 <input type="radio" name="num2" value="3" id="num2" class="sum"/>
4 <input type="radio" name="num2" value="4" id="num2" class="sum"/>
</p>
<p>5 <input type="radio" name="num3" value="5" id="num3" class="sum"/>
6 <input type="radio" name="num3" value="6" id="num3" class="sum" />
</p>
<p>7 <input type="radio" name="num4" value="7" id="num4" class="sum"/>
8 <input type="radio" name="num4" value="8" id="num4" class="sum"/>
</p>
<p>Total: <input type="text" name="total" id="total"/></p>
<p><script>
$(".sum").click(function() {
var total = 0;
$(".radi:checked").each(function() { total += +this.value; });
$("#total").val(total);
});
</script></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
아이케
4년 전
잘 해결했습니다! 감사합니다^^
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인