{"id":380,"date":"2011-12-20T14:23:33","date_gmt":"2011-12-20T14:23:33","guid":{"rendered":"http:\/\/javascript-tutor.net\/index.php\/"},"modified":"2017-10-17T00:15:51","modified_gmt":"2017-10-17T00:15:51","slug":"lesson-19-radio-button-javascript","status":"publish","type":"page","link":"https:\/\/javascript-tutor.net\/index.php\/lesson-19-radio-button-javascript\/","title":{"rendered":"JavaScript Lesson 19: The Radio Button"},"content":{"rendered":"

<Lesson 18><\/a> [Table of Contents]<\/a> <Lesson 20><\/a><\/strong><\/h4>\n

In this lesson, we shall learn\u00a0how to write code for radio buttons in JavaScript. The function of the radio buttons is to let the user select one item from a group of items. Radio buttons does not allow the user to select more than one item. There should be at least two radio buttons on a form. Once the user clicks on a radio button, he or she cannot unclick it.<\/p>\n

19.1 Using the radio button<\/strong><\/h3>\n

In this example, the user is presented with four types of fruits and he or she can choose only one type at one time by clicking the radio button beside the label of a particular fruit. The code is as follow:<\/p>\n