티스토리 뷰

웹

자바스크립트 Switch로 배경색 변경

IAS 2016. 5. 25. 14:24

<html>

 <head>


 <meta charset="UTF-8">

 <meta http-equiv="refresh" content="20">


  <title>D</title>


  <script language=javascript>

 

  function song(form)

  {

  var h ="";


  if (form.cc1.checked == true) 

  {

  h += "게임을 선택했네요.\n";

  }

  if (form.cc2.checked == true) 

  {

  h += "축구을 선택했네요.\n";

  }

  if (form.cc3.checked == true)

  {

  h += "농구을 선택했네요.\n";

  }

  if (form.cc4.checked == true) 

  {

  h += "야구을 선택했네요.\n";

  }

  if (form.cc5.checked == true) 

  {

  h += "운동을 선택했네요.\n";

  }

  if (form.cc6.checked == true) 

  {

  h += "댄스을 선택했네요.\n";

  }

  if (form.cc7.checked == true) 

  {

  h += "등산을 선택했네요.\n";

  }

  alert(h);

  }

 


  </script>

 </head>


 <body>

 <form name="frm1"><center>

  <h2>좋아하는 취미를 선택하세요</h2>

  <input type=checkbox name=cc1 value=1 >게임 &nbsp; &nbsp;

  <input type=checkbox name=cc2 value=2 >축구 &nbsp; &nbsp;

  <input type=checkbox name=cc3 value=3 >농구 &nbsp; &nbsp;

  <input type=checkbox name=cc4 value=4 >야구 &nbsp; &nbsp;

  <input type=checkbox name=cc5 value=5 >운동 &nbsp; &nbsp;

  <input type=checkbox name=cc6 value=6 >댄스 &nbsp; &nbsp;

  <input type=checkbox name=cc7 value=7 >등산 &nbsp; &nbsp;

  <input type=button value=선택확인 document.write(아무것도) onclick="song(this.form)">

</form>

 

 </body>

</html>


<!--switch(cc.value)

  {

  case"1" :alert("빨강을 선택!");

  document.bgColor="lightred"; break;


  case"2" :alert("파랑을 선택!");

  document.bgColor="lightblue"; break;


  case"3" :alert("노랑을 선택!");

  document.bgColor="lightyellow"; break;


  case"4" :alert("초록을 선택!");

  document.bgColor="lightgreen"; break;


  case"5" :alert("흰색을 선택!");

  document.bgColor="lightwrite"; break;



  case"6" :alert("파란하늘을 선택!");

  document.bgColor="lightblue"; break;


  case"7" :alert("검은색을 선택!");

  document.bgColor="lightblack"; break;


  }

*/



'웹' 카테고리의 다른 글

메일 방명록  (0) 2016.05.25
<JavaScript> 목차  (0) 2016.05.25
HTML 테이블 소스코드를 자동으로 생성해주는 사이트  (0) 2016.05.25
자바스크립트 내장객체(글자모양 바꾸기)  (0) 2016.05.25
자바스크립트 링크걸기(함수)  (0) 2016.05.25