select를 처리(?)하는 스크립트를 radio로 바꾸는 방법... 도움부탁드립니다 정보
select를 처리(?)하는 스크립트를 radio로 바꾸는 방법... 도움부탁드립니다본문
function figure() {
var wr_12 = document.fwrite.wr_12.options[document.fwrite.wr_12.selectedIndex].value;
var wr_13 = document.fwrite.wr_13.options[document.fwrite.wr_13.selectedIndex].value;
var wr_14 = document.fwrite.wr_14.options[document.fwrite.wr_14.selectedIndex].value;
var wr_15 = document.fwrite.wr_15.options[document.fwrite.wr_15.selectedIndex].value;
var wr_16 = document.fwrite.wr_16.options[document.fwrite.wr_16.selectedIndex].value;
var wr_17 = document.fwrite.wr_17.options[document.fwrite.wr_17.selectedIndex].value;
var total = 40000 + (wr_12-0) + (wr_13-0) + (wr_14-0) + (wr_15-0) + (wr_16-0) + (wr_17-0);
document.fwrite.wr_18.value = total;
}
위와 같이 되어 있는 합계 자동계산 스크립트가 있습니다.
셀렉트박스들에서 선택값을 받아와서 합을 구하는 것인것 같은데요...
셀렉트박스를 라디오버튼으로 바꿨을때 그대로 하니까 안되는 것이
위의 내용을 바꾸어줘야 하는 것인가요?
혹 아니라면 다른곳에서 잘못 수정을 한것일텐데... 잘 찾지를 못하겠어서
figure 함수 부분을 수정해야 하는게 아닌가 싶어서 질문드립니다.
도움 부탁드립니다.
var wr_12 = document.fwrite.wr_12.options[document.fwrite.wr_12.selectedIndex].value;
var wr_13 = document.fwrite.wr_13.options[document.fwrite.wr_13.selectedIndex].value;
var wr_14 = document.fwrite.wr_14.options[document.fwrite.wr_14.selectedIndex].value;
var wr_15 = document.fwrite.wr_15.options[document.fwrite.wr_15.selectedIndex].value;
var wr_16 = document.fwrite.wr_16.options[document.fwrite.wr_16.selectedIndex].value;
var wr_17 = document.fwrite.wr_17.options[document.fwrite.wr_17.selectedIndex].value;
var total = 40000 + (wr_12-0) + (wr_13-0) + (wr_14-0) + (wr_15-0) + (wr_16-0) + (wr_17-0);
document.fwrite.wr_18.value = total;
}
위와 같이 되어 있는 합계 자동계산 스크립트가 있습니다.
셀렉트박스들에서 선택값을 받아와서 합을 구하는 것인것 같은데요...
셀렉트박스를 라디오버튼으로 바꿨을때 그대로 하니까 안되는 것이
위의 내용을 바꾸어줘야 하는 것인가요?
혹 아니라면 다른곳에서 잘못 수정을 한것일텐데... 잘 찾지를 못하겠어서
figure 함수 부분을 수정해야 하는게 아닌가 싶어서 질문드립니다.
도움 부탁드립니다.
댓글 전체
모바일이라서 대강 소스 적기도 힘드네요 구글에서 jquery radio로 검색 해보세요. 소스 간단합니다.
$(document).ready(function(){
$("#아이디").click(function(){
var wr_12 = $(":input:radio[name=wr_12]:checked").val();
var wr_13 = $(":input:radio[name=wr_13]:checked").val();
var total = wr_12+wr_13;
$("#wr_18").val(total);
});
});
$("#아이디").click(function(){
var wr_12 = $(":input:radio[name=wr_12]:checked").val();
var wr_13 = $(":input:radio[name=wr_13]:checked").val();
var total = wr_12+wr_13;
$("#wr_18").val(total);
});
});
답변 감사합니다.
1. 적어주신 소스 중 #아이디 는 어떤 아이디를 말씀하신 건가요?
wr_18에 id를 지정해주면 되는 것인가요?
2. figure는 function() => function figure() 로 바꿔주면 되나요?
그리고 질문에 입력 부분을 소스를 안적어 놓았었네요 ;;;
입력받는 부분은 다음과 같이 되어 있습니다.
<input type="radio" name='wr_13' onChange="figure(document.fwrite)" value='0' <? if($w!="u"||$write[wr_13] == "0") echo "checked"; ?> >무료
답변을 제대로 이해하지 못해서 죄송합니다만 ㅜㅡ
다시 한번만 가르침 부탁드립니다.
1. 적어주신 소스 중 #아이디 는 어떤 아이디를 말씀하신 건가요?
wr_18에 id를 지정해주면 되는 것인가요?
2. figure는 function() => function figure() 로 바꿔주면 되나요?
그리고 질문에 입력 부분을 소스를 안적어 놓았었네요 ;;;
입력받는 부분은 다음과 같이 되어 있습니다.
<input type="radio" name='wr_13' onChange="figure(document.fwrite)" value='0' <? if($w!="u"||$write[wr_13] == "0") echo "checked"; ?> >무료
답변을 제대로 이해하지 못해서 죄송합니다만 ㅜㅡ
다시 한번만 가르침 부탁드립니다.
예를 들어
<input type="radio" name='wr_13' value="0">0
<input type="radio" name='wr_13' value="10">10 (선택됨)
<input type="radio" name='wr_13' value="20">20
<input type="radio" name='wr_14' value="0">0
<input type="radio" name='wr_14' value="10">10
<input type="radio" name='wr_14' value="20">20 (선택됨)
결과 : wr_13+wr_14 = 30
이런 식으로 구성되어 이중 선택한 값을 더한다는 말씀 아니신가요?
정확히 이해를 못하겠네요.
만약 이런 형태가 맞다면 결과 보기 버튼을 하나 만들고 거기에 id="임의값"을 주고
$("#아이디").click(function(){ 여기 아이디 부분도 동일한 임의 값을 주시면 됩니다.
<input type="radio" name='wr_13' value="0">0
<input type="radio" name='wr_13' value="10">10 (선택됨)
<input type="radio" name='wr_13' value="20">20
<input type="radio" name='wr_14' value="0">0
<input type="radio" name='wr_14' value="10">10
<input type="radio" name='wr_14' value="20">20 (선택됨)
결과 : wr_13+wr_14 = 30
이런 식으로 구성되어 이중 선택한 값을 더한다는 말씀 아니신가요?
정확히 이해를 못하겠네요.
만약 이런 형태가 맞다면 결과 보기 버튼을 하나 만들고 거기에 id="임의값"을 주고
$("#아이디").click(function(){ 여기 아이디 부분도 동일한 임의 값을 주시면 됩니다.
$("#wr_18").val(total); input에 적용 되는겁니다. 일반 텍스트로 바꾸실려면 val를 text로 바꾸시면 되요.
$(document).ready(function(){ // 문서가 시작되면 실행준비
$("#아이디").click(function(){ // 특정 아이디를 클릭 하면
var wr_12 = $(":input:radio[name=wr_12]:checked").val(); // wr_12라는 name를 가진 라디오 체크값을 가져오고
var wr_13 = $(":input:radio[name=wr_13]:checked").val(); // wr_13의 라디오 체크 값을 가져 온다.
var total = wr_12+wr_13; // total이라는 변수를 선언 해주고 연산 처리 시작한다.
$("#wr_18").val(total); // total이라는 변수를 id wr_18이라는 input value로 반환한다.
});
});
$("#아이디").click(function(){ // 특정 아이디를 클릭 하면
var wr_12 = $(":input:radio[name=wr_12]:checked").val(); // wr_12라는 name를 가진 라디오 체크값을 가져오고
var wr_13 = $(":input:radio[name=wr_13]:checked").val(); // wr_13의 라디오 체크 값을 가져 온다.
var total = wr_12+wr_13; // total이라는 변수를 선언 해주고 연산 처리 시작한다.
$("#wr_18").val(total); // total이라는 변수를 id wr_18이라는 input value로 반환한다.
});
});
head 부분에는
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 넣 주셔야 합니다.
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 넣 주셔야 합니다.
