JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='form-group respostas' id='resposta1'>
<div class='row form-control'>
  <div class='span8'>
    <textarea style='resize:none' class='span8' rows='3' placeholder="1º Resposta" maxlength='255' id='resposta1'></textarea>
  </div>
</div>
<span class='help-block text-right'>
  <label class='btn btn-success'>
    <input type='checkbox' style='margin-top:0px' class="correta" name='resposta' value='resposta1'> Marcar como Correta
  </label> 
</span></div>

JavaScript

$(document).ready(function() {
	$('input.correta').on('change', function() {
  
  	if ($(this).is(":checked")) {
      $('#resposta1 .span8').css("box-shadow", "1px 1px 10px #0c6f00");
    } else {
      $('#resposta1 .span8').css("box-shadow", "none");
    }
  })
    
  });