Como adicionar Jquery que trate evento do radio button na view

Question

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

Answer 1

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.

Answer 2

<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

Answer 3

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.