Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- $("input[type='radio']").on('change',(function() {
- var selected_value = $("input[name=my_options]:checked").val();
- switch(selected_value)
- {
- case "lolz 1":
- $("body").css("background-color","red");
- break;
- case "2":
- $("body").css("background-color","green");
- break;
- case "hyhy":
- $("body").css("background-color","blue");
- break;
- default:
- $("body").css("background-color","black");
- }
- }));
- });
- </script>
- </head>
- <body>
- <form id="my_radio_box">
- <input type="radio" name="my_options" value="lolz 1"> Option 1
- <input type="radio" name="my_options" value="2"> Option 2
- <input type="radio" name="my_options" value="hyhy"> Option 3
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement