체크박스 계산입니다.
본문
아래코드는 체크박스를 체크하면 해당된 값에따라 계산이 나옵니다.
<script language='javascript'>
function chuga(item,don) {
var fr = document.order;
var obj = eval("document.order."+item);
if(obj.checked == true)
{ // parseInt 는 어떠한 값을 정수(숫자형)로 만들어주는 함수입니다.
fr.sunin.value=(parseInt(fr.sunin.value) + parseInt(don));
}
else
{
fr.sunin.value=(parseInt(fr.sunin.value) - parseInt(don));
}
}
</script>
<form name=order>
짜장면<input type=checkbox name=wr_1 value=1000 onclick="chuga('wr_1',1000);">
짬뽕<input type=checkbox name=wr_2 value=2000 onclick="chuga('wr_2',2000);">
우동<input type=checkbox name=wr_3 value=3000 onclick="chuga('wr_3',3000);">
탕수육<input type=checkbox name=wr_4 value=4000 onclick="chuga('wr_4',4000);">
만두<input type=checkbox name=wr_5 value=5000 onclick="chuga('wr_5',5000);">
</p>
<p>합 <input type=text name=sunin value='0' readonly>
</p>
</form>
위 까지
전 아래코드처럼 갯수를 넣고자 합니다. 좀 봐주십시오
<form name=order1>
<p>짜장면<select name="formselect1" size="1">
<option value="4000">1개</option>
<option value="8000">2개</option>
<option value="12000">3개</option>
</select>
짬뽕<select name="formselect1" size="1">
<option value="3000">1개</option>
<option value="6000">2개</option>
<option value="9000">3개</option>
</select>
우동<select name="formselect1" size="1">
<option value="1500">1개</option>
<option value="3000">2개</option>
<option value="4500">3개</option>
</select>
탕수육<select name="formselect1" size="1">
<option value="5000">1개</option>
<option value="10000">2개</option>
<option value="15000">3개</option>
</select>
만두<select name="formselect1" size="1">
<option value="500">1개</option>
<option value="100">2개</option>
<option value="1500">3개</option>
</select><br>
합 : <input type=text name=sunin1 value='0' readonly>
</p>
</form>
답변 1
<script>
$(function(){
$("select[name=formselect1]").change(function() {
total = 0;
$("select[name=formselect1]").each(function(){
total+=1*$(this).val();
});
$("input[name=sunin1]").val(total);
});
});
</script>
$(function(){
$("select[name=formselect1]").change(function() {
total = 0;
$("select[name=formselect1]").each(function(){
total+=1*$(this).val();
});
$("input[name=sunin1]").val(total);
});
});
</script>
답변을 작성하시기 전에 로그인 해주세요.
