Test Radio Buttons Demo Experiment Run Experiment

Test Radio Buttons

Jaap Murre

On Firefox for Android (in particular), radio buttons are hard to see. By changing the background to a darker color than white, they become clearly visible again. All official colors are listed in the sidebar, right to the edit window, under Scripting -> Colors. Also note, that the pseudo (unofficial) 'body-background-color' property can be used to easily style the space around the (main) Box.
 
You can also add a line of code to uncheck all options in order to not bias the subject, as is shown in the example.

If you are a registered user and signed in, you can here copy this script and its stimuli to your own account, where you can edit it and change it in any way you want.

It is absolutely free to register (no credit card info asked!). You can then instantly copy this experiment with one click and edit it, change its accompanying texts, its landing page, stimuli, etc. Invite your colleagues, friends, or students to check out your experiment. There is no limit on how many people can do your experiment, even with a free account.

The catch? There is no catch! Just keep in mind that with a free account, you cannot collect data. For teaching that is usually not a problem. For research, prepaid data collection (unlimited subjects) starts as low as €10.00 for a 10-day period.

var color = "burlywood"; // Yes, there are many predefined colors! 
main.style("background-color",color); // There is a full listing in the sidebar: Scripting -> Colors
main.style("body-background-color",color);
radio("How many hours do you sleep per night on average?",
       ['less than 5','6','7','8','9','10','more than 10'],"hours_sleep","my_radio");
       
// Add the following line to uncheck all check boxes
$("input:checked").prop("checked",false);
This experiment has no files of this type
This experiment has no files of this type
This experiment has no files of this type
This experiment has no YouTube links
This experiment has no files of this type