자바스크립트 부분에 한번 더 물어보겠습니다.
지금 시험삼아 제작중인 사이트에 계산기 관련 폼을 만들고 있습니다.
먼저 질문드리고 싶은것은...
http://kinimage.naver.net/20160727_104/1469597818297S7sKT_PNG/band2.png">
1, 위에 셀렉트박스에서 요금제 중 하나를 선택합니다.
http://kinimage.naver.net/20160727_136/14695978603680O3QT_PNG/band1.png">
2, 첫번째 셀렉트박스에서 band 종류 요금제를 선택하면 2번째 사진처럼 하단에 셀렉트박스가 생깁니다.
http://kinimage.naver.net/20160727_23/1469597860478VNQaP_PNG/band3.png">
3, t 끼리 요금제를 선택하면 셀렉트를 3개선택 하는 셀렉트가 보입니다.
저는 이렇게 하단 셀렉트박스에서
예를 들면...
http://kinimage.naver.net/20160727_228/1469598078841RY3dV_PNG/12121.png">
복지할인을 클릭하고 온가족 할인 10년이상 을 셀레트박스에서 선택하면 위에 요금 금액이
바뀌게 하고 싶습니다.
| SK 온가족할인 | |
|---|---|
| 복지할인 | |
| 부과세+할부이자 |
이게 체크버튼과 셀렉트 박스 입니다.
스크립트 부분은
function show3() { var halin02 = document.getElementById("halin02").checked; var chek01 = document.getElementById("chek01").checked; var sk1 = document.getElementById("it_bandtype1").value; var sk2 = document.getElementById("it_t_bandtype1").value;
// 모든 가격 숨기기. document.getElementById("change7").style.display="none"; document.getElementById("change9").style.display="none"; document.getElementById("change10").style.display="none"; document.getElementById("change11").style.display="none"; document.getElementById("change12").style.display="none"; document.getElementById("change13").style.display="none"; document.getElementById("change14").style.display="none"; document.getElementById("change15").style.display="none"; document.getElementById("change16").style.display="none"; if( halin02 == true && chek01 == false) { // 복지할인만 document.getElementById("change6").style.display="none"; document.getElementById("change7").style.display="none"; document.getElementById("change10").style.display=""; document.getElementById("change11").style.display="none"; document.getElementById("change12").style.display=""; document.getElementById("change13").style.display="none"; document.getElementById("change8").style.display="none"; document.getElementById("change8").style.display="none";
document.getElementById("change14").style.display="none"; document.getElementById("change15").style.display="none";
}else if( halin02 == false && chek01 == true) { // 부과세만. document.getElementById("change7").style.display=""; document.getElementById("change6").style.display="none"; document.getElementById("change10").style.display="none"; document.getElementById("change11").style.display="none"; document.getElementById("change9").style.display=""; document.getElementById("change8").style.display="none"; document.getElementById("change12").style.display="none"; document.getElementById("change13").style.display="none"; document.getElementById("change14").style.display="none"; document.getElementById("change15").style.display="none";
document.getElementById("change16").style.display="none"; }else if( halin02 == true && chek01 == true) { // 복지할인 + 부과세 document.getElementById("change11").style.display=""; document.getElementById("change6").style.display="none"; document.getElementById("change7").style.display="none"; document.getElementById("change10").style.display="none";
document.getElementById("change13").style.display=""; document.getElementById("change8").style.display="none"; document.getElementById("change9").style.display="none"; document.getElementById("change12").style.display="none"; document.getElementById("change14").style.display="none"; document.getElementById("change15").style.display="none";
document.getElementById("change16").style.display="none";
}else if( sk1 =='1' ) { // 온가족할인 band 요금제 10% document.getElementById("change11").style.display="none"; document.getElementById("change6").style.display="none"; document.getElementById("change7").style.display="none"; document.getElementById("change10").style.display="none";
document.getElementById("change13").style.display="none"; document.getElementById("change8").style.display="none"; document.getElementById("change9").style.display="none"; document.getElementById("change12").style.display="none"; document.getElementById("change14").style.display=""; document.getElementById("change15").style.display="none";
document.getElementById("change16").style.display="none"; }else if (sk1=='2' && chek01 == true) { alert("ddddd"); document.getElementById("change11").style.display="none"; document.getElementById("change6").style.display="none"; document.getElementById("change7").style.display="none"; document.getElementById("change10").style.display="none";
document.getElementById("change13").style.display="none"; document.getElementById("change8").style.display="none"; document.getElementById("change9").style.display="none"; document.getElementById("change12").style.display="none";
document.getElementById("change14").style.display="none"; document.getElementById("change15").style.display="";
document.getElementById("change16").style.display="none";
}else if (sk2=='1') { alert("ddddd"); document.getElementById("change11").style.display="none"; document.getElementById("change6").style.display="none"; document.getElementById("change7").style.display="none"; document.getElementById("change10").style.display="none";
document.getElementById("change13").style.display="none"; document.getElementById("change8").style.display="none"; document.getElementById("change9").style.display="none"; document.getElementById("change12").style.display="none";
document.getElementById("change14").style.display="none"; document.getElementById("change15").style.display="none";
document.getElementById("change16").style.display="";
위에 처럼 있습니다.
document.getElementById("change16").style.display="";
이렇게 스타일로 정해진것들은..
월 납부금액 월할부금 + 월 통신요금
위에 처럼 요금이 나오게 하기위한 효과를 준것이고..
이 요금은 db에 저장되어있으며...그값을 불러오는 소스는