WWW.PHPSCHOOL.COM

Q&A

HTML/JS/CSS/jQuery/Ajax 질문과답변
HOME > Q&A > HTML/JS/CSS/jQuery/Ajax 질문과답변

목록쓰기

체크박스 클릭시 값 변경
글쓴이	켄신2	날 짜	10-07-22 17:10	조 회	6761
간편URL	https://www.phpschool.com/link/qna_html/175027 복사 SyntaxHighlight로 보기
안녕하세요;; 초보인사 올립니다; 궁금한것은요.. 옵션1~4를 클릭하면.. money 에 값을 더하구 싶어요.. 옵션을 클릭해제되면 가격이 마이너스 되구요 ;; <input type=checkbox name=option1> 옵션1 <br> <input type=checkbox name=option2> 옵션2 <br> <input type=checkbox name=option3> 옵션3 <br> <input type=checkbox name=option4> 옵션4 <br> 총 값<input type=checkbox name=money value=1000> 고수님 가르쳐주시면 감사하겠습니다 ^^ 안녕하세요;; 초보인사 올립니다; 궁금한것은요.. 옵션1~4를 클릭하면.. money 에 값을 더하구 싶어요.. 옵션을 클릭해제되면 가격이 마이너스 되구요 ;; <input type=checkbox name=option1> 옵션1 <br> <input type=checkbox name=option2> 옵션2 <br> <input type=checkbox name=option3> 옵션3 <br> <input type=checkbox name=option4> 옵션4 <br> 총 값<input type=checkbox name=money value=1000> 고수님 가르쳐주시면 감사하겠습니다 ^^ 답변채택율 100% 추천 0 이 질문이 마음에 드나요? 비추천 0 이 질문이 마음에 안들어요.

전체댓글수 2

만해 10-07-22 18:14
소스보기
<script type="text/javascript">
function paySum(){
var f = document.frm;

var pay = pay1 = pay2 = pay3 = pay4 = 0;

if(f.option1.checked){
pay1 = 100;
}
if(f.option2.checked){
pay2 = 200;
}
if(f.option3.checked){
pay3 = 300;
}
if(f.option4.checked){
pay4 = 400;
}
(!pay1) ? pay1 = 0: pay1 = parseInt(pay1);
(!pay2) ? pay2 = 0: pay2 = parseInt(pay2);
(!pay3) ? pay3 = 0: pay3 = parseInt(pay3);
(!pay4) ? pay4 = 0: pay4 = parseInt(pay4);

f.pay1.value = pay1;
f.pay2.value = pay2;
f.pay3.value = pay3;
f.pay4.value = pay4;

f.money.value = pay1 + pay2 + pay3 + pay4;
}
</script>

<form name="frm">
<input type="hidden" name="pay1">
<input type="hidden" name="pay2">
<input type="hidden" name="pay3">
<input type="hidden" name="pay4"><br>
<input type="checkbox" name="option1" onclick="paySum()"> 옵션1 <br>
<input type="checkbox" name="option2" onclick="paySum()"> 옵션2 <br>
<input type="checkbox" name="option3" onclick="paySum()"> 옵션3 <br>
<input type="checkbox" name="option4" onclick="paySum()"> 옵션4 <br>
<br />
<input type="text" name="money" value="">
</form>

이런식으로 하면 되겠군요

<script type="text/javascript">
function paySum(){
	var f = document.frm;

	var pay = pay1 = pay2 = pay3 = pay4 = 0;

	if(f.option1.checked){
		pay1 = 100;
	}
	if(f.option2.checked){
		pay2 = 200;
	}
	if(f.option3.checked){
		pay3 = 300;
	}
	if(f.option4.checked){
		pay4 = 400;
	}
	(!pay1) ? pay1 = 0: pay1 = parseInt(pay1); 
	(!pay2) ? pay2 = 0: pay2 = parseInt(pay2); 
	(!pay3) ? pay3 = 0: pay3 = parseInt(pay3); 
	(!pay4) ? pay4 = 0: pay4 = parseInt(pay4);

	f.pay1.value = pay1;
	f.pay2.value = pay2;
	f.pay3.value = pay3;
	f.pay4.value = pay4;

	f.money.value = pay1 + pay2 + pay3 + pay4;
}
</script>

<form name="frm">
<input type="hidden" name="pay1">
<input type="hidden" name="pay2">
<input type="hidden" name="pay3">
<input type="hidden" name="pay4"><br>
<input type="checkbox" name="option1" onclick="paySum()"> 옵션1 <br> 
<input type="checkbox" name="option2" onclick="paySum()"> 옵션2 <br> 
<input type="checkbox" name="option3" onclick="paySum()"> 옵션3 <br> 
<input type="checkbox" name="option4" onclick="paySum()"> 옵션4 <br> 
<br />
<input type="text" name="money" value=""> 
</form>

이런식으로 하면 되겠군요

var pay = pay1 = pay2 = pay3 = pay4 = 0;

if(f.option1.checked){
		pay1 = 100;
	}
	if(f.option2.checked){
		pay2 = 200;
	}
	if(f.option3.checked){
		pay3 = 300;
	}
	if(f.option4.checked){
		pay4 = 400;
	}
	(!pay1) ? pay1 = 0: pay1 = parseInt(pay1); 
	(!pay2) ? pay2 = 0: pay2 = parseInt(pay2); 
	(!pay3) ? pay3 = 0: pay3 = parseInt(pay3); 
	(!pay4) ? pay4 = 0: pay4 = parseInt(pay4);

f.pay1.value = pay1;
	f.pay2.value = pay2;
	f.pay3.value = pay3;
	f.pay4.value = pay4;

f.money.value = pay1 + pay2 + pay3 + pay4;
}
</script>

이런식으로 하면 되겠군요