Tengo el siguiente código donde hay varios checkbox, necesito que al activar la ultima opcion me muestre un input donde puedan poner una opción diferente a las que tengo, ya me activa el input al seleccionar el checkbox "Otro" pero quiero que se guarde el valor del input en el array junto on los valores de los checkbox seleccionados. Espero me puedan ayudar, de antemano gracias!
function comprobar(obj)
{
if (obj.checked){
document.getElementById('otroC').style.display = "";
var otro= document.getElementById('otroO').value;
document.getElementById('otroC').value= otro ;
} else{
document.getElementById('otroC').style.display = "none";
}
}
$(document).ready(function() {
$('[name="comor[]"]').click(function() {
var arr = $('[name="comor[]"]:checked').map(function(){
return this.value;
}).get();
var comorbilidades = arr.join(', ');
$('#arr').text(JSON.stringify(arr));
document.getElementById('comorbilidades').value= arr;
});
});
<div class="form-group col-md-4">
<label >Comorbilidades:</label><br>
<?php $arrayC = explode(",", $comorbilidades); ?>
<input type="checkbox" name="comor[]" <?php if (isset($arrayC)) { foreach($arrayC as $select){ if ($select =="DM") { echo "checked"; } } } ?> value="DM" /> DM<br />
<input type="checkbox" name="comor[]" <?php if (isset($arrayC)) { foreach($arrayC as $select){ if ($select =="HTA") { echo "checked"; } } } ?> value="HTA" /> HTA<br />
<input type="checkbox" name="comor[]" <?php if (isset($arrayC)) { foreach($arrayC as $select){ if ($select =="SP/OBESIDAD") { echo "checked"; } } } ?> value="SP/OBESIDAD" /> SP/OBESIDAD<br />
<input type="checkbox" name="comor[]" <?php if (isset($arrayC)) { foreach($arrayC as $select){ if ($select =="IRC") { echo "checked"; } } } ?> value="IRC" /> IRC<br />
<input type="checkbox" name="comor[]" <?php if (isset($arrayC)) { foreach($arrayC as $select){ if ($select =="EPOC-ASMA") { echo "checked"; } } } ?> value="EPOC-ASMA" /> EPOC-ASMA<br />
<input type="checkbox" id="comorO" onChange="comprobar(this);" value="" <?php if (isset($arrayC)) { foreach($arrayC as $select){ if ($select !="DM" && $select !="HTA" && $select !="SP/OBESIDAD" && $select !="IRC" && $select !="EPOC-ASMA") { echo "checked"; } } } ?> />Otro
<input type="text" id="otroC" name="comor[]" style="display:none" value="<?php if(isset($arrayC)) { foreach($arrayC as $select){ if ($select !='DM' && $select !='HTA' && $select !='SP/OBESIDAD' && $select !='IRC' && $select !='EPOC-ASMA') { echo $select; } } } ?>" />
<input class="form-control fecha" type="input" name="comorbilidades" id="comorbilidades" value="<?php echo $comorbilidades; ?>" <?php echo $disEgreso; ?>>
</div>
arr
veo tu código mal organizado para los fines que buscas. Yo declararíaarr
como una variable que no dependiese de losclick
de cada elemento y asignaría un listener que agrupe tanto los click de los checkbox como el change del input, donde se controlasen dos eventos: 1. si el checkbox se seleccionó o no, entonces metería el dato en el array; 2. si elinput
adquirió valor o no y entonces lo metería en el array. El problema de tu código más que nada es que está mal organizado y con una lógica demasiado complicada y poco flexible.