집 >웹 프론트엔드 >JS 튜토리얼 >js_javascript 기술로 구현된 간단한 라디오 배경색 선택기 코드

js_javascript 기술로 구현된 간단한 라디오 배경색 선택기 코드

WBOY원래의: 2016-05-16 15:44:311351검색

이 기사의 예에서는 js에 구현된 간단한 라디오 배경색 선택기를 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

여기에 설명된 js는 라디오 웹페이지 배경색 선택기를 구현합니다. 해당 색상의 라디오 버튼을 클릭하기만 하면 웹페이지의 배경색이 변경되는 간단하고 편리하며 실용적인 자바스크립트 웹페이지 특수 효과입니다. .

작동 효과는 아래와 같습니다.

온라인 데모 주소는 다음과 같습니다.

http://demo.jb51.net/js/2015/js-radio-cha-bgcolor-codes/

구체적인 코드는 다음과 같습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>radio颜色选择器</title>
<body>
<FORM METHOD="POST" NAME="bgcolor">
<font color="silver">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='silver'"><BR>
<font color="lightslategray">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightslategray'"><BR>
<font color="azure">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='azure'"><BR>
<font color="lightgreen">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightgreen'"><BR>
<font color="lightblue">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightblue'"><BR>
<font color="white">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='white'"><BR>
</form>
</body>
</html>

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

성명：

이전 기사：Node.js는 아바타 선택 실시간 미리보기 code_javascript 기술을 구현합니다.다음 기사：Node.js는 아바타 선택 실시간 미리보기 code_javascript 기술을 구현합니다.

js_javascript 기술로 구현된 간단한 라디오 배경색 선택기 코드

관련 기사