Copy
<html>
<head>
<script language="javascript">
function figure() {
var a = document.money.a1.options[document.money.a1.selectedIndex].value;
var b = document.money.b1.options[document.money.b1.selectedIndex].value;
var total = (a-0) * (b-0);
document.money.c1.value = total;
}
</script>
</head>
<body>
<form name="money">
팔 물건 <select name="a1" size="1" onChange="figure(document.money)">
<option value="500" SELECTED>연필 : 500원</option>
<option value="2000">샤프 : 2000원</option>
<option value="300">볼펜 : 300원</option>
<option value="500">지우개 : 500원</option>
</select>
갯수 <select name="b1" size="1" onChange="figure(document.money)">
<option value="0" SELECTED>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="10">10</option>
</select>
총가격 <input type="text" name="c1" size="6">
</form>
</body>
</html>셀렉트박스를 선택하면 자동으로 계산되는 자바소스를 인터넷에서 얻어왔습니다.
근데 제가 필요한건 셀렉트박스가 아니라 라디오버튼으로 클릭했을때 바로바로 폼값에 계산되는 형식을 원하거든요..
자바는 어렵고 워낙 무식한지라서..ㅠㅠㅠ
고수님들 좀 도와주세요..
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
eyekiss
2020-10-12 (월) 00:05:32
select 를 그대로 radio 로 수정만 하면 됩니다.
Copy
<input type="radio" name="a1" value="500" onClick="figure(document.money)"> 연필 : 500원
<input type="radio" name="a1" value="2000" onClick="figure(document.money)"> 샤프 : 2000원
<input type="radio" name="a1" value="300" onClick="figure(document.money)"> 볼펜 : 300원
<input type="radio" name="a1" value="500" onClick="figure(document.money)"> 지우개 : 500원스크립트 부분은
Copy
<script language="javascript">
function figure() {
var a = $(':radio[name="a1"]:checked').val();
var b = document.money.b1.options[document.money.b1.selectedIndex].value;
var total = (a-0) * (b-0);
document.money.c1.value = total;
}
</script>답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.