Eu tenho dois inputs
do tipo radio
. Segue o código abaixo:
<input type="radio" id="isgift0" name="isgift" value="0" class="arredondado" />
<label for="isgift0">Teste 1</label>
<input type="radio" id="isgift1" name="isgift" value="1" style="display: none;" />
<label for="isgift1">Teste 2</label>
E eu tenho o seguinte código em jQuery
:
$j('input[name=isgift]').click(function(){
if($j('#isgift1').is(':checked')){
$j(".gift-from").val(name_from);
$j(".gift-to").val(name_to);
$j(".mensagem-pedido").removeClass("divDisabled");
$j(".box-gift").addClass("divActive");
$j('#allow-gift-messages-for-order-container').show();
}
else if($j('#isgift0').is(':checked')){
$j(".gift-from").val('Anônimo');
$j(".gift-to").val(name_to);
$j(".box-gift").removeClass("divActive");
$j(".mensagem-pedido").addClass("divDisabled");
}
Como são ìnputs
do tipo radio
e com os nomes iguais, somente se pode marcar um dos dois.Porém eu precisava de fazer algo a mais do qual não estou conseguindo. Queria que quando o primeiro ìnput
,no caso com o id=isgift0
, se ele estivesse marcado e o usuário clicasse no mesmo, ele fosse desmarcado. Queria fazer isso somente para esse input.