JSFiddle - React, Tailwind, and code Playground

by Simon Price

HTML

<input type="checkbox"  class="validated"  id="1">

<input type="checkbox" checked class="validated" id="MainContent_cbValidated_1">

JavaScript

$(function () {
         function displayCheckbox() {
            $("input.validated").change(function () {               
                    if ($(this).is(":checked")) {
                        //alert($(this).attr('id'))
                        var toggleCb = $(this).attr('id').replace("MainContent_cbValidated_","")

                        var checkbox = document.getElementById(toggleCb);    
												checkbox.checked = true;
												checkbox.setAttribute("checked", "true");   
                    }
										if (!$(this).is(":checked"))
                    {                    		
                    		var toggleCb = $(this).attr('id').replace("MainContent_cbValidated_","")
                        var checkbox = document.getElementById(toggleCb);    
												checkbox.checked = false;
												checkbox.setAttribute("checked", "false");  
                    }                
            }).trigger("change");
            
            $("input.validated").change(function () {               
                    if ($(this).is(":checked")) {
                        //alert($(this).attr('id'))
                        var toggleCb = "MainContent_cbValidated_" + $(this).attr('id')
                        var checkbox = document.getElementById(toggleCb);    
												checkbox.checked = true;
												checkbox.setAttribute("checked", "true");   
                    }
										if (!$(this).is(":checked"))
                    {                    		
                    		var toggleCb = "MainContent_cbValidated_" + $(this).attr('id')
                        var checkbox = document.getElementById(toggleCb);    
												checkbox.checked = false;
												checkbox.setAttribute("checked", "false");  
                    }                
            }).trigger("change");
            
        }
        $(document).ready(displayCheckbox);
    });