Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
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);
}
}
});>
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.
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>
Isso é validação. Bootstrap tem automático e para retirar o readonly teria que fazer uma função em jquery ou js.