JSFiddle - React, Tailwind, and code Playground

Read Checkbox values jquery1.8.3

by web-nfo.com

HTML

<input type="checkbox" name="checkbox_1" checked="checked">1th
<input type="checkbox" name="checkbox_2">2th
<input type="checkbox" name="checkbox_3">3th

<div id="htmlConsole"></div>

CSS

input { margin-left:15px; margin-top:20px; }
#htmlConsole { margin-top:30px; font-family:"Courier New",courier; font-size:12px; }

JavaScript

function log()
{
    var txt = "jQuery version: " + $().jquery + "<br>";
    
    // Check multiple checkboxes    
    $("input:checkbox").each(function()
	{
        txt += "<br>" + $(this).attr('name');
        txt += " .is(':checked') => " + $(this).is(':checked') + ", ";
        txt += ".attr('checked') => " + $(this).attr('checked') + ", ";
        txt += "[0].checked => " + $(this)[0].checked;
    });
    
    // Check one checkbox
    txt += "<br><br>Second checkbox: " + $("input:checkbox[name=checkbox_2]").is(':checked');
    
    $("#htmlConsole").html(txt);
}

$(document).ready(function()
{
    log();
    $('input:checkbox').change(function() {
        log();
    });
});