Como que eu mudo a cor da borda do checkbox quando, por exemplo a opcao 1 é selecionada?
Dado o meu código html:
<div class="opcao-de-entrega">
<p class="menu-opcoes-titulo">
Opções de entrega
</p>
<div class="row">
<div class="col-md-4">
<label><input type="checkbox" value="1">Sedex 1</label>
</div>
<div class="col-md-4">
<label><input type="checkbox" value="2">Economica 2</label>
</div>
<div class="col-md-4">
<label><input type="checkbox" value="3">Retirar na Guiatel 3</label>
</div>
</div>
No script quero que tipo somente se eu selecionar o primeiro input este fique selecionado e a borda apareça, sou bem noob, tipo tentei como nessa tela tem 3 input, fazer o if(input["0"].checked)
ai este ficasse vermelho/azul etc, mas eu quero que tipo eu marquei o input 1, por exemplo, ai eu desmarco, a borda suma também. help?
$('.checkbox label')
$('input[type="checkbox"]').change(function() {
//var input = document.getElementsByTagName('input');
if(this.checked) {
//Do stuff
//this.style('border', '1px solid red');
console.log("aqui");
$('input[type="checkbox"]').parent().css('border', '1px solid red');
}
});