>웹 프론트엔드 >JS 튜토리얼 >js_javascript 기술을 사용하여 div 값을 동적으로 설정하는 예

js_javascript 기술을 사용하여 div 값을 동적으로 설정하는 예

WBOY
WBOY원래의
2016-05-16 17:18:25782검색
코드 복사 코드는 다음과 같습니다.






js는 div.html<br> <br><br><form method="post; " name="form1 "><label><input type="radio" name="radio" value="1~10세" onclick="ok(this.value);"> 1~10세< /label> <br><label><input type="radio" name="radio" value="11세" onclick="ok(this.value);">11 세</label> <br><label><input type="radio" name="radio" value="12-120세" onclick="ok(this.value);">12- 120세</label> <br><input type="button" onclick="ok()" value="선택 값 테스트"> <br></form> div id="test"> </div> <br><script 언어="javascript" type="text/javascript"> <br><!-- <br>함수 ok() <br>{ <BR>var temp= document.getElementsByName("radio"); <BR>for (i=0;i<temp.length;i ){ <BR>//Traverse Radio <BR>if(temp[i ].checked) <BR>{ <BR>//alert("You selected" temp[i].value) <BR>//Radio 값 가져오기<BR>document.getElementById('test').innerHTML = 임시[i].값 <BR>} <BR>} <BR>} <BR></script> <br><br><br>< ;/html> <br><br> </form>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.