채택완료

이걸 제이쿼리로 바꿀수도있나요?


<script>
 
function Sum(){
 
var a = document.getElementById("a");
 
var b = document.getElementById("b");
 
var c = document.getElementById("c");
 
c.value = parseInt(a.value) * parseInt(b.value);
 
}
 
</script>
<input type=text name="a" id="a" onKeyUp="Sum();">
<input type=text name="b" id="b" onKeyUp="Sum();">
<input type=text name="c" id="c" onKeyUp="Sum();">
 
제이쿼리로 바구고싶은데 어떻게해야하는지 감이안오네여
onKeyUp 이건 제이쿼리에 없는 이벤트라서 어떨걸 대처해야할지 ㅠㅠ
|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트
<input type=text name="a" class='sumk' value=''>
<input type=text name="b" class='sumk' value=''>
<input type=text name="c" class='sumk' value=''>
<input type=text name="d" class='sumk' value=''>
<input type=text name="total" id="total" value='' readonly>

<script>
$(function(){
  $('.sumk').on('keyup', function(){
 sum=0;
   $('.sumk').each(function(idx) {  
  value= parseInt($(this).val())
  if( ! isNaN(value) ) sum+= value
$('#total').val(sum);
});
 });
});
</script>

답변에 대한 댓글 1개

감사합니다 균이님 바로 해결이됬네요
Copy
<ul class="sum">    <li><input type=text name="a" id="a" class="sums"></li>    <li><input type=text name="b" id="b" class="sums"></li>    <li><input type=text name="c" id="c" class="sums"></li></ul><script type="text/javascript">$(".sum li input.sums").live("keyup", function(){    var a=$("input[name=a]");    var b=$("input[name=b]");    var c=$("input[name=c]");    var total = parseInt(a.val()) + parseInt(b.val());    c.val(total);});</script>

이런 형태로 하시면 ..................

답변에 대한 댓글 1개

학생님 소스그대로 복사해서 했는데 안되는데 확인한번 부탁드려도될가요?>

답변을 작성하려면 로그인이 필요합니다.