Usuário com melhor resposta
Como adicionar Jquery que trate evento do radio button na view

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
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
-
<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
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
-
<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
-
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/