none
Como adicionar Jquery que trate evento do radio button na view RRS feed

  • Pergunta

  • Bom dia!

    Tenho o controller de cadastro de clientes, o ClienteController.cs, e existe a view que insere um novo cliente, a Create.cshtml.

    Inseri logo no inicio da view o código para adicionar o radio button:

    <div class="editor-checkbox-fisica">
                Pessoa Fisica   @Html.RadioButton("radioFisica", "fisica")
            </div>
    
            <div class="editor-checkbox-juridica">
                Pessoa Juridica @Html.RadioButton("radioJuridica","juridica")
            </div>

    E tenho tambem o meu campo que pega CNPJ/CPF

    <div class="editor-label">
                @Html.LabelFor(model => model.CpfCnpj)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.CpfCnpj)
                @Html.ValidationMessageFor(model => model.CpfCnpj)
            </div>

    Minha intenção, é que o usuário selecione no radio button se o cliente é uma pessoa física ou juridica, e de acordo com oq está selecionado, utilizo o MaskedTextBox para formatar o field do CPF/CNPJ para ficar nos formatos xxx.xxx.xxx-xx ou xx.xxx.xxx/xxxx-xx.

    Obrigado

    segunda-feira, 2 de julho de 2012 14:33

Respostas

  • function countChecked() {
      var n = $("input:checked").length;
      //Lógica de mascarar
    }
    
    
    $(":checkbox").click(countChecked);
    

    Com esse código você vai conseguir pegar por jquery o evento de selecionarem o radio button.

    Para mais ~> http://api.jquery.com/checked-selector/


    Qualquer resposta útil ou solução deve ser marcada. Assim ajudamos a quem tem o mesmo problema a achar a resposta.

    • Marcado como Resposta Kakashi963 terça-feira, 3 de julho de 2012 00:48
    segunda-feira, 2 de julho de 2012 15:29
  • <input type="check" name="fisica"/>
    <input type="check" name="juridica"/>

    <script>
    document.getElementsByName("fisica")[0].onclick = function(){
    $("#cpfCnpj").mask("999.999.999-99");
    }

    document.getElementsByName("juridica")[0].onclick = function(){
    $("#cpfCnpj").mask("99.999.999/9999-99");
    }
    </script>

    http://www.linkedin.com/pub/murilo-kunze/44/191/455


    • Editado Murilo Kunze segunda-feira, 2 de julho de 2012 16:02
    • Marcado como Resposta Kakashi963 terça-feira, 3 de julho de 2012 00:48
    segunda-feira, 2 de julho de 2012 15:59

Todas as Respostas

  • function countChecked() {
      var n = $("input:checked").length;
      //Lógica de mascarar
    }
    
    
    $(":checkbox").click(countChecked);
    

    Com esse código você vai conseguir pegar por jquery o evento de selecionarem o radio button.

    Para mais ~> http://api.jquery.com/checked-selector/


    Qualquer resposta útil ou solução deve ser marcada. Assim ajudamos a quem tem o mesmo problema a achar a resposta.

    • Marcado como Resposta Kakashi963 terça-feira, 3 de julho de 2012 00:48
    segunda-feira, 2 de julho de 2012 15:29
  • <input type="check" name="fisica"/>
    <input type="check" name="juridica"/>

    <script>
    document.getElementsByName("fisica")[0].onclick = function(){
    $("#cpfCnpj").mask("999.999.999-99");
    }

    document.getElementsByName("juridica")[0].onclick = function(){
    $("#cpfCnpj").mask("99.999.999/9999-99");
    }
    </script>

    http://www.linkedin.com/pub/murilo-kunze/44/191/455


    • Editado Murilo Kunze segunda-feira, 2 de julho de 2012 16:02
    • Marcado como Resposta Kakashi963 terça-feira, 3 de julho de 2012 00:48
    segunda-feira, 2 de julho de 2012 15:59
  • Galera muito obrigado ^^

    Só complementando a resposta de vcs, é necessário tbm o download do plugin jquery que introduza o .mask. Um que pode ser utilizado é o http://digitalbush.com/projects/masked-input-plugin/

    Obrigado.

    terça-feira, 3 de julho de 2012 00:49