onclick 과 onkeyup을 하나의 변수에 동시에 사용하면 안되는 건가요?
라디오버튼으로 숫자를 선택하면 아래에 그래프로 표시되도록 구현했는데요,
이 부분은 잘 작동합니다.
그런데 여기에서 텍스트박스에 직접 입력하기를 함께 사용하려고 하는데 직접입력 부분이 전혀 작동을 하지 않습니다.
onclick 과 onkeyup을 하나의 변수에 동시에 사용하면 안되는 건가요?
무엇이 잘못된 건지 모르겠습니다.
-------------------------------------------------------------------------------------------------------
<!--라디오선택 부분-->
<input type="radio" name="wr_1" value="100" id="wr_1" onclick="changebar(this.value);">100<br>
<input type="radio" name="wr_1" value="200" id="wr_1" onclick="changebar(this.value);">200<br>
<input type="radio" name="wr_1" value="300" id="wr_1" onclick="changebar(this.value);">300<br>
<!--직접입력 부분-->
직접입력 : <input type="text" size=10 id="wr_1" name="wr_1" itemname="숫자" numeric value="" onkeyup="changebar(this.value);" onfocus="this.value='';">
<script type="text/javascript">
function changebar(score) {
limitmon = document.fviewcomment.wr_1.value;
if (limitmon < 0 || limitmon > 300 || limitmon.length < 1) {
alert("점수를 0~300점 사이로 점수를 주셔야 합니다.");
document.fviewcomment.wr_1.value= document.fviewcomment.wr_1.value.replace(/\D/g,'') ;
document.fviewcomment.wr_1.value = '';
document.getElementById("bar").width = '';
document.fviewcomment.wr_1.focus();
return false;
}
document.getElementById("bar").width = parseInt(score)*1;
}
</script>
<!--그래프로 나타나는 부분-->
<img src="../img/bar.jpg" id="bar" width="0" height="16">
-------------------------------------------------------------------------------------------------------
도움주시면 감사하겠습니다.
댓글 9개
13년 전
onkeypress 혹은 onkeydown이벤트를 이용해보세요.
13년 전
네 답변 감사합니다.
하지만 말씀하신대로 해보아도 안되는데요, 혹시 다른 문제가 있는 것 아닐지요?
하지만 말씀하신대로 해보아도 안되는데요, 혹시 다른 문제가 있는 것 아닐지요?
13년 전
javascript:changebar(this.value); 이렇게 해보심이... 이래도 안되면 지지 ㅠㅠ
13년 전
아니면 jquery로 $(object).keypress이벤트를 걸어도 됩니다.
13년 전
<!--라디오선택 부분-->
<input type="radio" name="wr_1" value="100" id="wr_1" onclick="changebar(this.value);">100<br>
<input type="radio" name="wr_1" value="200" id="wr_2" onclick="changebar(this.value);">200<br>
<input type="radio" name="wr_1" value="300" id="wr_3" onclick="changebar(this.value);">300<br>
<!--직접입력 부분-->
직접입력 : <input type="text" size=10 id="wr_4" name="wr_1" itemname="숫자" numeric value="" onkeyup="changebar(this.value);" onfocus="this.value='';">
<script type="text/javascript">
function changebar(score) {
limitmon = document.getElementById("wr_4").value;
if (limitmon < 0 || limitmon > 300 ) {
alert("점수를 0~300점 사이로 점수를 주셔야 합니다.");
limitmon.focus();
return false;
}
document.getElementById("bar").width = parseInt(score)*1;
}
</script>
<!--그래프로 나타나는 부분-->
<img src="../img/bar.jpg" id="bar" width="0" height="16">
name은 사람 이름하고 같습니다 즉 중복이 가능하나
id는 주민번호와 같아서 절대 중복이 있어서는 안됩니다
네임값으로 접근하실려면 배열로 접근해야 합니다
<input type="radio" name="wr_1" value="100" id="wr_1" onclick="changebar(this.value);">100<br>
<input type="radio" name="wr_1" value="200" id="wr_2" onclick="changebar(this.value);">200<br>
<input type="radio" name="wr_1" value="300" id="wr_3" onclick="changebar(this.value);">300<br>
<!--직접입력 부분-->
직접입력 : <input type="text" size=10 id="wr_4" name="wr_1" itemname="숫자" numeric value="" onkeyup="changebar(this.value);" onfocus="this.value='';">
<script type="text/javascript">
function changebar(score) {
limitmon = document.getElementById("wr_4").value;
if (limitmon < 0 || limitmon > 300 ) {
alert("점수를 0~300점 사이로 점수를 주셔야 합니다.");
limitmon.focus();
return false;
}
document.getElementById("bar").width = parseInt(score)*1;
}
</script>
<!--그래프로 나타나는 부분-->
<img src="../img/bar.jpg" id="bar" width="0" height="16">
name은 사람 이름하고 같습니다 즉 중복이 가능하나
id는 주민번호와 같아서 절대 중복이 있어서는 안됩니다
네임값으로 접근하실려면 배열로 접근해야 합니다
13년 전
오 예리하셔... ID가 같은걸 아무도 모르고 있었는데!!
13년 전
한수 배웁니다 ^^
13년 전
답변 정말 감사드립니다~~~
13년 전
자바스크립트 짜다가 해결되지 않거나 막히면 f12눌러 보세요
어디에서 오류가 있는지 기본적으로 볼수 있는 개발자 도구가 익스7이상부터는 제공합니다
어디에서 오류가 있는지 기본적으로 볼수 있는 개발자 도구가 익스7이상부터는 제공합니다
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5530 | 13년 전 | 563 | ||
| 5529 | 13년 전 | 743 | ||
| 5528 | 13년 전 | 733 | ||
| 5527 | 13년 전 | 1043 | ||
| 5526 | 13년 전 | 1058 | ||
| 5525 | 13년 전 | 1824 | ||
| 5524 | 13년 전 | 699 | ||
| 5523 |
high8sky
|
13년 전 | 753 | |
| 5522 | 13년 전 | 3141 | ||
| 5521 | 13년 전 | 870 | ||
| 5520 |
즐거운상상을
|
13년 전 | 1129 | |
| 5519 | 13년 전 | 1508 | ||
| 5518 | 13년 전 | 978 | ||
| 5517 | 13년 전 | 1987 | ||
| 5516 | 13년 전 | 701 | ||
| 5515 |
순천홈페이지
|
13년 전 | 2856 | |
| 5514 | 13년 전 | 1183 | ||
| 5513 |
수야3019
|
13년 전 | 1513 | |
| 5512 | 13년 전 | 911 | ||
| 5511 | 13년 전 | 1066 | ||
| 5510 |
 직화오리팡야 |
13년 전 | 1422 | |
| 5509 |
 TopSchooL |
13년 전 | 1115 | |
| 5508 | 13년 전 | 1679 | ||
| 5507 | 13년 전 | 1549 | ||
| 5506 | 13년 전 | 718 | ||
| 5505 | 13년 전 | 2792 | ||
| 5504 |
물끄덩미끄덩
|
13년 전 | 958 | |
| 5503 |
후라보노보노
|
13년 전 | 1979 | |
| 5502 | 13년 전 | 873 | ||
| 5501 | 13년 전 | 1953 | ||
| 5500 | 13년 전 | 1821 | ||
| 5499 | 13년 전 | 1819 | ||
| 5498 | 13년 전 | 778 | ||
| 5497 |
레인보우1492
|
13년 전 | 1340 | |
| 5496 | 13년 전 | 1080 | ||
| 5495 |
jdjjun00
|
13년 전 | 2055 | |
| 5494 | 13년 전 | 916 | ||
| 5493 | 13년 전 | 992 | ||
| 5492 | 13년 전 | 1242 | ||
| 5491 | 13년 전 | 1104 | ||
| 5490 | 13년 전 | 893 | ||
| 5489 |
빨간망사챠챠
|
13년 전 | 2289 | |
| 5488 |
나태한개미
|
13년 전 | 1070 | |
| 5487 |
나태한개미
|
13년 전 | 1036 | |
| 5486 |
나태한개미
|
13년 전 | 2126 | |
| 5485 | 13년 전 | 1807 | ||
| 5484 | 13년 전 | 6537 | ||
| 5483 | 13년 전 | 1434 | ||
| 5482 |
Raincommunication
|
13년 전 | 777 | |
| 5481 |
TopSchooL |
13년 전 | 582 | |
| 5480 |
 스마트파인드 |
13년 전 | 998 | |
| 5479 | 13년 전 | 1041 | ||
| 5478 |
직화오리팡야 |
13년 전 | 892 | |
| 5477 | 13년 전 | 677 | ||
| 5476 | 13년 전 | 1121 | ||
| 5475 | 13년 전 | 1437 | ||
| 5474 | 13년 전 | 831 | ||
| 5473 | 13년 전 | 655 | ||
| 5472 | 13년 전 | 1149 | ||
| 5471 | 13년 전 | 1613 | ||
| 5470 | 13년 전 | 961 | ||
| 5469 |
BackToHeaven
|
13년 전 | 2229 | |
| 5468 |
멀티트리플
|
13년 전 | 1111 | |
| 5467 | 13년 전 | 732 | ||
| 5466 | 13년 전 | 1307 | ||
| 5465 | 13년 전 | 1416 | ||
| 5464 | 13년 전 | 1496 | ||
| 5463 | 13년 전 | 695 | ||
| 5462 | 13년 전 | 1418 | ||
| 5461 | 13년 전 | 1071 | ||
| 5460 | 13년 전 | 2566 | ||
| 5459 | 13년 전 | 1067 | ||
| 5458 |
프로프리랜서
|
13년 전 | 959 | |
| 5457 | 13년 전 | 809 | ||
| 5456 |
PHPㅡASP프로그래머
|
13년 전 | 1332 | |
| 5455 |
뭐먹고살지ㅠ
|
13년 전 | 867 | |
| 5454 | 13년 전 | 1617 | ||
| 5453 |
프리랜서클럽
|
13년 전 | 1196 | |
| 5452 | 13년 전 | 837 | ||
| 5451 | 13년 전 | 785 | ||
| 5450 | 13년 전 | 7292 | ||
| 5449 |
PHPㅡASP프로그래머
|
13년 전 | 835 | |
| 5448 |
DBDBDB
|
13년 전 | 673 | |
| 5447 | 13년 전 | 1943 | ||
| 5446 |
헬프데스크
|
13년 전 | 1802 | |
| 5445 | 13년 전 | 969 | ||
| 5444 |
Werbershinta
|
13년 전 | 680 | |
| 5443 | 13년 전 | 1347 | ||
| 5442 | 13년 전 | 1065 | ||
| 5441 | 13년 전 | 1179 | ||
| 5440 | 13년 전 | 3170 | ||
| 5439 | 13년 전 | 837 | ||
| 5438 |
ddokkani
|
13년 전 | 766 | |
| 5437 | 13년 전 | 2629 | ||
| 5436 | 13년 전 | 1021 | ||
| 5435 |
PHPㅡASP프로그래머
|
13년 전 | 840 | |
| 5434 |
돗단배123
|
13년 전 | 1611 | |
| 5433 | 13년 전 | 1772 | ||
| 5432 |
 엘남매아빠 |
13년 전 | 922 | |
| 5431 | 13년 전 | 773 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기