JSFiddle - React, Tailwind, and code Playground

by HugeHugh

HTML

<div class="con">
    <div class="robot">robot</div>
    <div class="pizza">pizza</div>
    <div class="spaceship">spaceship</div>
    <input type="checkbox" class="poop" value="1" checked=checked>
</div>
<div class="con">
    <div class="robot">robot</div>
    <div class="pizza">pizza</div>
    <div class="spaceship">spaceship</div>
    <input type="hidden" class="poop" value="2">
</div>

CSS

input { width: 500px; height: 200px; background: blue}

JavaScript

$(function() {
    $('.con').each(function() {
        var poop = $('.poop', this);
        if (poop.is(':checked [type="hidden"]')) {
            poop.attr('yes','sir');
		}
    });
});