jQueryUI радиокнопка видна

Question

jQuery mobile оставляет кнопку переключателя видимой. Возможно ли это с помощью jQueryUI без особых усилий? Пользователи понимают функциональность переключателя, поэтому я бы предпочел сохранить это визуальное распознавание.

Answer 1

JQuery

$("#radioSet").buttonset(); 
$("#radio1").button("option", "icons", { primary: 'ui-icon-check' }); 
$("#radio2").button("option", "icons", { primary: 'ui-icon-check' }); 

$("#radioSet input[type=radio]").on("click", function() { 
    $("#radioSet input[type=radio]").each(function() { 
     if ($(this).is(":checked")) { 
      $(this).button("option", "icons", { primary: 'ui-icon-check' }); 
     } else { 
      $(this).button("option", "icons", { primary: 'ui-icon-cancel' }); 
     } 
    }); 
}); 

Html

<div id="radioSet"> 
    <input type="radio" id="radio1" name="radio" checked="checked" /> 
    <label for="radio1">Radio 1</label> 

    <input type="radio" id="radio2" name="radio" /> 
    <label for="radio2">Radio 2</label> 
</div>