Advertisement
Guest User

Untitled

a guest
Jul 17th, 2018
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.03 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  6. <script>
  7. $(document).ready(function() {
  8.     $("input[type='radio']").on('change',(function() {
  9.         var selected_value = $("input[name=my_options]:checked").val();
  10.  
  11.         switch(selected_value)
  12.         {
  13.             case "lolz 1":
  14.                 $("body").css("background-color","red");
  15.                 break;
  16.             case "2":
  17.                 $("body").css("background-color","green");
  18.                 break;
  19.             case "hyhy":
  20.                 $("body").css("background-color","blue");
  21.                 break;
  22.             default:
  23.                 $("body").css("background-color","black");
  24.         }
  25.     }));
  26. });
  27. </script>
  28. </head>
  29. <body>
  30.  
  31. <form id="my_radio_box">
  32.     <input type="radio" name="my_options" value="lolz 1"> Option 1
  33.     <input type="radio" name="my_options" value="2"> Option 2
  34.     <input type="radio" name="my_options" value="hyhy"> Option 3
  35. </form>
  36.  
  37. </body>
  38. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement