JavaScript: Get values of multiple selected CheckBox in HTML

Question

How to get value of multiple selected CheckBox in JavaScriptI have two CheckBox having Male and FemaleWhen i select CheckBox i want display all selected values in JavaScript alert box on Button Clickltinput type34checkbox34 value34Male34gtMaleltinput type34checkbox34 value34Female34gtFemale

dharmendr · Accepted Answer

Hi makenziexcTo get multiple selected CheckBoxes you need to loop through the CheckBoxes and check if checkedIf checked then fetch the valueRefer below exampleHTMLlthtmlgtltheadgt    ltmeta charset34utf834 gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        body  fontfamily Arial fontsize 10pt     ltstylegtltheadgtltbodygt    Fruits    ltinput type34checkbox34 value34Mango34gtMango    ltinput type34checkbox34 value34Apple34gtApple    ltinput type34checkbox34 value34Orange34gtOrange    ltscript type34textjavascript34gt        function GetSelectedFruits              Referencing the CheckBoxes            var fruits  documentgetElementsByTagName39input39            var fruitsName  3434              Loop through the CheckBox            for i  0 i lt fruitslength i                 if fruitsitype  34ch

JavaScript: Get values of multiple selected CheckBox in HTML

Company

Explore

Follow us

Contact Us