Solicito de su colaboración con lo siguiente:
Tengo un formulario de editar el cual me trae un valor y me lo almacena en una variable de la siguiente manera:
var regu = listas["regularidad"].regularidad;
requiero que seguido a esto me muestre u oculte unos div dependiendo del valor que me traiga esta variable: los div son como los siguientes solo mostrare uno para no extender la consulta.
<div class="form-row" style="">
<div id="diaria" class="box diaria" style="padding-bottom:0.5rem;">
<div id="diarioChk">
<div class="form-check">
<input class="form-check-input" type="radio" name="diario" value="" >
<label class="form-check-label" style="font-weight: 100; margin-left: 20px;" for="diario" >
Cada
</label>
<input type="number" min="1" oninput="this.value = !!this.value && Math.abs(this.value) >= 0 ? Math.abs(this.value) : null" class="form-control" style="width:70px; display:inline; height:25px;" id="diarioNumero">
<label class="form-check-label" style="font-weight: 100; padding-bottom:1rem;">
dias.
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="diario" value="">
<label class="form-check-label" style="font-weight: 100; margin-left: 20px;" for="todosLosdias">
Todos los dias de la semana
</label>
</div>
</div>
</div>
</div>
la idea es cuando la variable regu sea igual a 0 me muestre este div, si es 1 me oculte el div diario y me muestre uno con id = semanal
para ello tengo lo siguiente pero no me ha funcionado:
switch(regu){
case 0:
$(document).ready(function() {
$('input[id="diaria"]').click(function() {
var inputValue = $(this).attr("value");
var targetBox = $("." + inputValue);
$(".box").not(targetBox).hide();
$(targetBox).show();
});
});
brake;
case 1:
$(document).ready(function() {
$('input[id="semanal"]').click(function() {
var inputValue = $(this).attr("value");
var targetBox = $("." + inputValue);
$(".box").not(targetBox).hide();
$(targetBox).show();
});
});
brake;
case 2:
$(document).ready(function() {
$('input[id="mensual"]').click(function() {
var inputValue = $(this).attr("value");
var targetBox = $("." + inputValue);
$(".box").not(targetBox).hide();
$(targetBox).show();
});
});
brake;
case 3:
$(document).ready(function() {
$('input[id="anual"]').click(function() {
var inputValue = $(this).attr("value");
var targetBox = $("." + inputValue);
$(".box").not(targetBox).hide();
$(targetBox).show();
});
});
brake;
case 4:
$(document).ready(function() {
$('input[id="sinRegularidad"]').click(function() {
var inputValue = $(this).attr("value");
var targetBox = $("." + inputValue);
$(".box").not(targetBox).hide();
$(targetBox).show();
});
});
brake;
}
espero me puedan colaborar, esto ya lo pude hacer desde checkbox o campos de select pero no lo he podido realizar asi con variables o desde un campo de texto, por lo cual agradezco mucho de su colaboración.
Cordial saludo.