radio 버튼 클릭하면 input text 값 넘겨주기
[code]
<script>
fillFrom = function(obj){
var c = obj.value.split('|');
for(var i=c.length; i--;){
b[i].value = c[i];
}
}
</script>
<div>
<div>
<label for="wr_1">라디오버튼<strong>필수</strong></label>
<div>
<input type="radio" name="wr_1" value="선택1">
선택1
</div>
<div>
<input type="radio" name="wr_1" value="선택2">
선택2
</div>
<div>
<input type="radio" name="wr_1" value="선택3">
선택3
</div>
<div>
<input type="radio" name="wr_1" value="">
기타
</div>
</div>
<div>
<label for="wr_1">input text 입력<strong>필수</strong></label>
<div>
<input type="text" name="wr_2" id="wr_2" value="" placeholder="input text 입력">
</div>
</div>
</div>
<script>
var a = document.getElementsByName('wr_1'),
b = [
document.getElementById('wr_2'),
];
for (var j=0;j<a.length;j++)
{
a[j].onclick = function(){
fillFrom(this);
}
}
window.onload = function(){
for (var k=0;k<a.length;k++)
{
if(a[k].defaultChecked) fillFrom(a[k]);
}
}
</script>
[/code]
댓글 6개
게시글 목록
| 번호 | 제목 |
|---|---|
| 3260 |
CSS
align-content 속성
|
| 3259 |
CSS
flex-wrap 프로퍼티
1
|
| 3258 |
CSS
align-items 속성
|
| 3257 | |
| 3256 |
CSS
플렉스 방향
|
| 3255 |
CSS
CSS3 Flexbox
|
| 3254 | |
| 3253 | |
| 3252 |
HTML
html예제 사이트
|
| 3251 | |
| 3250 | |
| 3249 | |
| 3248 |
CSS
열 너비 지정
|
| 3247 | |
| 3246 |
CSS
CSS3 열 규칙
|
| 3245 |
CSS
CSS3 열 사이의 간격 지정
|
| 3244 |
CSS
CSS3 다중 열 레이아웃
|
| 3243 |
CSS
Breadcrumbs
|
| 3241 |
CSS
중앙 페이지 매김
|
| 3240 |
CSS
페이지 매김 크기
|
| 3239 |
CSS
링크 사이의 공간
|
| 3238 |
CSS
둥근 테두리
|
| 3237 |
CSS
테두리가있는 페이지 매김
|
| 3236 |
CSS
둥근 활성 및 호버링 버튼
|
| 3235 | |
| 3234 |
CSS
CSS 페이지 매김의 예
|
| 3233 |
CSS
애니메이션 버튼
|
| 3232 |
CSS
세로 단추 그룹
|
| 3231 |
CSS
테두리가있는 단추 그룹
|
| 3230 |
CSS
버튼 그룹
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기