Criei um formulário e gostaria que o campo número do chamado UOL, aparecesse somente se o radio button Chamados aberto UOL fosse marcado. Em anexo segue documento com o print.
Criei um formulário e gostaria que o campo número do chamado UOL, aparecesse somente se o radio button Chamados aberto UOL fosse marcado. Em anexo segue documento com o print.
Você deve colocar a condição no displayFields.
Assim:
var checkbox = form.getValue("rdAnaliseChamado")
if (checkbox == 2) { //Supondo que 2 é o ID do campo 'Chamado UOL'
form.setVisibleById('nbChamadoUol', false);
}
Caso você queria que no momento em que você escolha a opção o campo aparece ou não, no formulário coloca assim:
$(function({
$($("#rdAnaliseChamado").click(function({
if ($(this).val() == 2) { //Supondo que 2 é o ID do campo 'Chamado UOL'
$("#nbChamadoUol").attr("style", "display:block")
} else {
$("#nbChamadoUol").attr("style", "display:none")
}
})
})
Segue o código com os IDs definidos
Cadastro dos radios:
<div class="form-field" data-type="radio" data-show-properties="" data-field-name="rdAnalise" style="">
<div class="form-input">
<div class="form-group">
<label>Análise da solicitação</label>
<div class="radio-options">
<div class="radio">
<label>
<input type="radio" name="rdAnalise" id="rdAnaliseAtendida" value="Solicitação atendida">Solicitação atendida
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="rdAnalise" id="rdAnaliseCancelada" value="Solicitação cancelada">Solicitação cancelada
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="rdAnalise" id="rdAnaliseChamado" value="Chamado aberto para o provedor">Chamado aberto para o provedor
</label>
</div>
</div>
</div>
</div>
</div>
Cadastro do campo numero do chamado provedor
<div class="form-field" data-type="number" data-show-properties="" data-field-name="nbChamadoUol" style="position: relative; left: 0px; top: 0px;">
<div class="form-input">
<div class="form-group">
<label>Número do chamado no provedor:</label>
<input type="number" class="form-control" name="nbChamadoUol" id="nbChamadoUol" value="" placeholder="" min="0" data-size="big" data-only-numbers="">
</div>
</div>
</div>
Abaixo segue a alteração, porém não consigo salvar por tal erro conforme em anexo:
— Ben-Hur Olicheski da Silveira 11 de Jun de 2020arquivo displayfields
var rdcheck = form.getValue("radiobuttonID")
if (rdcheck == 3){
form.setVisibleById('nbChamadoUol', false);
}
Cadastros dos radios
<div class="form-field" data-type="radio" data-show-properties=""
data-field-name="rdAnalise" style="">
<div class="form-input">
<div class="form-group">
<label>Análise da solicitação</label>
<div class="radio-options">
<div class="radio">
<label><input type="radio" name="rdAnalise"
value="Solicitação atendida">Solicitação atendida</label>
</div>
<div class="radio">
<label><input type="radio" name="rdAnalise"
value="Solicitação cancelada">Solicitação cancelada</label>
</div>
<div class="radio">
<label><input type="radio" name="rdAnalise" id="3"
value="Chamado aberto para o provedor">Chamado aberto
para o provedor</label>
</div>
</div>
</div>
</div>
</div>
cadastro do campo numero do chamado provedor
<div class="form-field" data-type="number" data-show-properties=""
data-field-name="nbChamadoUol"
style="position: relative; left: 0px; top: 0px;">
<div class="form-input">
<div class="form-group">
<label>Número do chamado no provedor:</label><input type="number"
class="form-control" name="nbChamadoUol" value="" placeholder=""
min="0" data-size="big" data-only-numbers="">
</div>
</div>
</div>
A function
$(function({
$($("#radiobuttonID").click(function({
if ($(this).val() == 3) {
$("#nbChamadoUol").attr("style", "display:block")
} else {
$("#nbChamadoUol").attr("style", "display:none")
}
})
})
porém ao testar o formulario nenhuma alteração é realizada, o campo chamado Número do chamado no provedor: continua aparecendo independente do radio estiver marcado ou não
Mantenha no displayFields os códigos da linha 90 até a 93 do código que está no seu print. Os que estão das linhas 94 a 103 não deve estar no displayFields, tem que ser colocada no formulário (FormulárioParão-_Email.html)
— Eduardo Vantini Neto 11 de Jun de 2020Alterei a resposta para conforme o código que você enviou.. testa aí.. abs
— Eduardo Vantini Neto 12 de Jun de 2020