markhosbh 0 Denunciar post Postado Maio 26, 2014 Bom dia meus amigos.Estou com um probleminha tenho um campo text como "readonly" e gostaria de torna-lo editável após uma validação de um radio button.Ou seja, um exemplo seria: exibir o nome do cliente dentro do text e afrente dois radio button perguntando se esta correto ou não o nome, se sim: ok, se não: ai tornar o campo editável pro usuário.Ah e utra coisa também, gostaria de tornar alguns campos obrigatórios, podendo o usuário avançar somente apos o preenchimento desses campos. Desde então obrigado.Valeu galerinha. Compartilhar este post Link para o post Compartilhar em outros sites
Progjunior Daniel 34 Denunciar post Postado Maio 26, 2014 Isso é validação. Bootstrap tem automático e para retirar o readonly teria que fazer uma função em jquery ou js. Compartilhar este post Link para o post Compartilhar em outros sites
kikombat 16 Denunciar post Postado Maio 26, 2014 adicionar nos inputs a propriedade required vai torná-los abrigatórios, já a questão da edição você resolverá com js/jquery mais ou menos assim. não testei mas a idea é essa $(document).on('click', '.ckbox', function() { check = $(this).is(':checked'); if (check == true) { $('#campo').removeAttr('readonly'); } else { if (check == false) { $('#campo').attr('readonly', true); } } }); Compartilhar este post Link para o post Compartilhar em outros sites
markhosbh 0 Denunciar post Postado Maio 27, 2014 adicionar nos inputs a propriedade required vai torná-los abrigatórios, já a questão da edição você resolverá com js/jquery mais ou menos assim. não testei mas a idea é essa $(document).on('click', '.ckbox', function() { check = $(this).is(':checked'); if (check == true) { $('#campo').removeAttr('readonly'); } else { if (check == false) { $('#campo').attr('readonly', true); } } }); Cara bacana sua ideia. Mas como devo aplicar este no código? sou leigaço no assunto, começando agora no mercado. Devo acrescentar algo no radio também? E devo colocar esta query para cada radio? Desculpe minha ignorância, e obrigado pela paciência. Compartilhar este post Link para o post Compartilhar em outros sites
kikombat 16 Denunciar post Postado Maio 28, 2014 siga o exemplo <html> <head> <title>Teste jquery</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> $(function() { $(document).on('click', '.ckbox', function() { check = $(this).is(':checked'); if (check == true) { $('#campo').removeAttr('readonly');//id do campo com atributo readonly que será removido } else { if (check == false) { $('#campo').attr('readonly', true); //caso se desmarque o atributo volta pro lugar } } }); }); </script> </head> <body> <input type="checkbox" class="ckbox"/> <input type="text" id="campo" readonly="" required="" value="algum texto"/> </body> </html> Compartilhar este post Link para o post Compartilhar em outros sites