JSFiddle - React, Tailwind, and code Playground

by sambeckhamdesign

HTML

<form>
    <label for="sioi">
        <input id="sioi" name="si[]" type="checkbok" value="30"/>
        <span class="title">One</span>
        <span class="pnd">600</span>
    </label>
    <label for="sioii">
        <input id="sioii" name="si[]" type="checkbok" value="30"/>
        <span class="title">Two</span>
        <span class="pnd">600</span>
    </label>
    <label for="sioiii">
        <input id="sioiii" name="si[]" type="checkbok" value="30"/>
        <span class="title">Three</span>
        <span class="pnd">600</span>
    </label>
<br />
<a id="test">Chick me</a>
</form>

CSS

a{padding:10px; background:#333;color:#eee;margin:10px 0;display:block}

JavaScript

$('#test').click(function(){
    var testing = $('input').siblings('.title').text();
    alert(testing);
});