JSFiddle - React, Tailwind, and code Playground

by davehol

HTML

<form id="news-submit">

<div class="container">
    <input type="checkbox" class="checks" value="Apple"> A____<br>
    <input type="checkbox" class="checks" value="Banana"> B_____<br>
    <input type="checkbox" class="checks" value="Carrot"> C_____<br>
    <br><br>
    <a href="#" onclick="getValue();return false;">Get Value</a>
    dave
</div>
</form>

JavaScript

function getValue() {
var fm = document.getElementById("news-submit");
    var checks = fm.getElementsByTagName("input");
    //alert("dave");
    var str = '';
    var arr ={Banana:"dave",Apple:"steve",Carrot:"John"};

    for (var i=0; i < checks.length; ++i) {
        if  (checks[i].type == "checkbox" && checks[i].checked) {
            str += arr[checks[i].value] +",";
        }
    }
    alert(str);
}