Como limitar opções de escolha em checkbox

Formulários
#1

Prezados bom dia.

Existe alguma forma de limitar a quantidade de opções selecionadas em um checkbox?

Exemplo:

A questão: Selecione ATÉ 03 respostas
Alternativas: Alternativa 1; Alternativa 2; Alternativa 3; Alternativa 4; Alternativa 5; Alternativa 6…

Assim, quando o usuário marcar mais de 3 (nesse exemplo) o sistema avisa ou, simplesmente, desabilita as demais alternativas.

Existe uma forma de implementar isso no SC?

Grato.

#2

Apenas com javascript/jquery

#3

Obrigado Ronyan.

Após sua mensagem fui procurar códigos javascript ou jquery e encontrei esse aqui abaixo.
Postando para auxiliar no fórum

$(document).on(‘change’, ‘.NOME_DA_CLASSE_GERADA’, function() {
var countShared = $(’.NOME_DA_CLASSE_GERADA:checked’).length;
if(countShared > LIMITE_EM_NUMEROS) {
alert(“FRASE_DE_ALERTA_AO_USUARIO”);
$(this).prop(‘checked’,false);
}
});

No exemplo acima, apenas verifiquei qual a classe que o SC gera para o checkbox e substituí no código

$(document).on(‘change’, ‘.sc-ui-checkbox-expectativas’, function() {
var countShared = $(’.sc-ui-checkbox-expectativas:checked’).length;
if(countShared > 3) {
alert(“Você atingiu o número máximo de opções.”);
$(this).prop(‘checked’,false);
}
});

#4

O código eu coloquei no evento OnLoad do Formulário

#5

usando evento ajax onclick e testando o o valor do campo checkbox não funciona?

#6

Boa Tarde Nick McLary,

Ótima solução!

Utilizo funções em javascript em praticamente todas as aplicações que produzo, uma boa dica é sempre declarar as funções JS e aplicar CSS no evento OnScriptInit.

#7

https://v9.infinitusweb.com.br/forum_sc/control_checkbox_limite/

onbclick do campo:

$arr=explode(";",{Resposta});

if (count($arr)> 2):
sc_ajax_message(“Atenção”,“Selecione apenas duas especialidades”);
endif;

aqui pode conseguir um dinamismo melhor já que pode trocar o 2 por um campo sc, variável php ou buscar no banco de dados o limite de itens na resposta conforme a questão.

#8

Essa solução é legal, mas, não “trava” o usuário…