JSFiddle - React, Tailwind, and code Playground

HTML

<div class="list">
   <p id="item1">Item 1</p>
   <p id="item2">Item 2</p>
   <p id="item3">Item 3</p>
   <p id="item4">Item 4</p>
</div>

<input name="item1" type="checkbox"/>
<input name="item6" type="checkbox"/>
<input name="item5" type="checkbox"/>

JavaScript

$('input').on('click', function(){
    inputId = $(this).attr('name');
    console.log($('.list').find('#' + inputId));
    if($('.list').find('#' + inputId).length === 0)
    {
        $('.list').append('<p id="' + inputId + '"></p>'); 
    }
});