🥇 Botão jQuery UI definir ícone selecionado

Às vezes, com o botão jQuery UI definido, é difícil dizer qual está em foco. Isso pode ser especialmente verdadeiro se você tiver apenas 2 opções. Bem, aqui está um truque para adicionar um ícone ao botão atualmente selecionado para tornar mais claro qual deles está selecionado:

$('#mybuttonset').buttonset().change(function() {
    // Remove icons from all buttons
    $('#mybuttonset input').button("option", "icons", {primary: ""});
    // Add icon to the selected button        
    $('input:checked', this).button("option", "icons", {primary: "ui-icon-check"}).button("refresh");
 });
// Don't forgot to load the icon on the default option 
$('input:checked', '#mybuttonset').button("option", "icons", {primary: "ui-icon-check"}).button("refresh");

Aqui está o que parece em ação

Ícone de conjunto de botões

Se você quiser o ícone do lado direito do botão, use secondaryno lugar deprimary

Related Posts