JSFiddle - React, Tailwind, and code Playground

by joeterry

HTML

<input id="one" type="checkbox" name="inst" class="asa" value="inst1" /> 
<input id="two" type="checkbox" name="inst" class="asa" value="inst2" checked="checked" />

<select name="id" id="three" size=22 multiple>
    <option value="thevalue">Option</option>
</select>

<select name="id" id="four" size=22 multiple>
    <option value="thevalue" selected="selected">Option</option>
</select>

JavaScript

var one = document.getElementById("one");
var two = document.getElementById("two");
var three = document.getElementById("three");

if(one.checked)
    console.log("one = checked!");
else
    console.log("one != checked");

if(two.checked)
    console.log("two = checked!");
else
    console.log("two != checked");

if(three.value)
    console.log("something is selected in three!");
else
    console.log("nothing is selected in three");

if(four.value)
    console.log("something is selected in four!");
else
    console.log("nothing is selected in four");