이걸 제이쿼리로 바꿀수도있나요?
본문
<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
<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>
감사합니다 균이님 바로 해결이됬네요
<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>
이런 형태로 하시면 ..................
학생님 소스그대로 복사해서 했는데 안되는데 확인한번 부탁드려도될가요?>
답변을 작성하시기 전에 로그인 해주세요.