JSFiddle - React, Tailwind, and code Playground

by pentium10

HTML

<div id="contact">
        <h1>Registrieren Step 2</h1>
        <!-- BEGIN DYNAMIC BLOCK: trial -->
    <div class="contact_detail">
            <p>
            Sie haben noch kein Account bei <a href="" alt="www.ausschreibungsdienste.de" >ausschreibungsdienste.de</a>?<br>

                <!-- BEGIN DYNAMIC BLOCK: trial_text -->
        Registrieren Sie jetzt, und Sie können unsere Dienstleistungen für <b> Tage </b> gratis testen.
        Sie müssen nur einen <b>Account</b> machen und das Feld mit -Ich möchte den<b>  Tägigen Testabo-ankreuzen.</b><br>
                <!-- END DYNAMIC BLOCK: trial_text -->
                Bitte füllen Sie die unten angegegbenen Felder mit den richtigen Informationen aus. Nachdem Sie registriert haben, senden wir einen E-Mail mit weiteren Informationen.
            </p>

            <p>
                Nachdem Sie registriert haben, senden wir einen E-Mail mit weiteren Informationen.
            </p>
            <hr id="line_spacer">
        </div>
    <!-- END DYNAMIC BLOCK: trial -->
        <div class="error_msg"></div>
        
        <div class="categorie_titlu trigger"><h2><span style="cursor: pointer;">ANLAGEN</span></h2></div>
        <div class="toggle_container">

            <div class="block">
        <div class="domenii">
            <ul>
                
                <li  onmouseover="this.style.backgroundColor='#ffe7c6';" onmouseout="this.style.backgroundColor='#DDD';">
                    <input type="checkbox" name="domenii_de[12]" value="1" />&nbsp<input type="checkbox" name="domenii_eu[12]" value="1" /><a href="beschaffungen-fur-landwirtschaftliche-anlagen-12.html" title="Magyarországi közbeszerzések: Beschaffungen für landwirtschaftliche Anlagen témakörbol" onmouseover="Tip('Traktoren, Anhänger, Sämaschinen, Mähmaschinen, Erntemaschinen und Zubehör, Service, Ersatzteilbesorgung  ', WIDTH,350, TITLE,'Beschaffungen für landwirtschaftliche Anlagen');" onmouseout="UnTip();">Beschaffungen für landwirtschaftliche...

JavaScript

$("input:checkbox").click(function() {

  var bol = $("input:checkbox:checked").length >= 4;     
  $("input:checkbox").not(":checked").attr("disabled",bol);

});