2
respostas

Fechar collapse

Estou com a Seguinte duvida:

Eu preciso criar 2 checks, 1 com o dizer SIM e o outro com o dizer NAO, quando clicar no SIM preciso abrir um collapse e só fehcar esse collapse quando selecionar o NAO mas meu codigo esta abrindo e fechando nos dois

 <div class="d-flex justify-content-center mt-2">

              <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="inlineRadioOptions" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" value="bvSim">SIM
              </div>

              <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="inlineRadioOptions" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" value="bvNao">NÃO
              </div>

            </div>


            <div class="collapse" id="collapseExample">
              <div id="bvSim" class=" card card-body">
                <div class="row">
                  <div class="col-sm mt-3">

                    <div class="form-group">
                        <input type="text" name="cnpj" class="form-control" id="cnpj" placeholder="CNPJ" >

                    </div>
                    <div class="form-group">

                        <input type="textcd " class="form-control" id="razao" placeholder="razão social" >
                    </div>

                    <div class="form-group">

                        <input type="text" class="form-control" id="nomeFantasia" placeholder="nome fantasia">
                    </div>
                    <div class="form-group row">

                      <div class="col-9">
                        <input type="text" class="form-control" id="inscricao" placeholder="inscrição estadual" >
                      </div>

                      <div class="form-check col">
                        <input class="form-check-input" style=" margin-top: 0.9rem !important;"  type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
                        <label class="form-check-label mt-2" for="exampleRadios1">
                            isento
                        </label>
                      </div>

                    </div>

                    <div class="form-group">
                        <input type="text" class="form-control" id="contato" placeholder="contato" >
                    </div>

                    <div class="form-group">
                        <input type="text" class="form-control" id="telefone" placeholder="telefone" >
                    </div>


                    <div class="form-group">
                        <input type="email" class="form-control" id="email" placeholder="e-mail" >
                    </div>

                  </div>


                  <div class="col-sm mt-3">

                    <div class="form-group">
                      <input type="text" class="form-control col" id="cep" placeholder="CEP" >
                    </div>

                    <div class="form-group">
                      <input type="text" class="form-control col" id="endereco" placeholder="endereço" >
                    </div>

                    <div class="form-group">
                      <input type="text" class="form-control col" id="estado" placeholder="estado" >
                    </div>

                    <div class="form-group">
                      <input type="text" class="form-control col" id="cidade" placeholder="cidade" >
                    </div>

                    <div class="form-group">
                      <input type="text" class="form-control col" id="bairro" placeholder="bairro" >
                    </div>

                    <div class="form-group">
                      <input type="text" class="form-control col" id="whats" placeholder="whatsapp">
                    </div>

                    <div class="form-group">
                      <input type="email" class="form-control col" id="percentualBv" placeholder="percentual BV" >
                    </div>

                  </div>
                </div>
              </div>
            </div>
2 respostas

Fala aí Natan, tudo bem? Consegue me mandar o código JS ou você está usando tudo do Bootstrap?

Se tiver o seu JS fica mais fácil eu simular e entender o problema para te ajudar.

Caso não tenha, consegue me mandar o projeto?

Fico no aguardo.

E ai Matheus, beleza?

Então, estou usando inteiramente Bootstrap, tanto JS como CSS.

O código completo dessa View está no link: https://gist.github.com/natan1506/d7c21951ae87d0a590fda432a8882136

o problema que estou tendo é dentro da aba BV AGENCIA

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software