JSFiddle - React, Tailwind, and code Playground

by s4ty

HTML

<input type="checkbox" value="Sonne"/> Sonne<br />
<input type="checkbox" value="Regen"/> Regen<br />
<input id="sonstiges" type="checkbox" value="Sonstiges"/> Sonstiges<br />
<input id="box" style="display:none" type="text" value=""/>

JavaScript

$(function () {
    $('#sonstiges').click( function() {
        $(this).is(':checked') ? $('#box').show() : $('#box').hide()
    });
    $('#box').change( function() {
        $('#sonstiges').attr('value', $(this).val());
    });
})