Как использовать кнопку пользовательского интерфейса jQuery в моем существующем коде JSF?

Question

Допустим, у меня есть следующий код флажка в моем файле xhtml.

<h:outputLabel value="Status"/><h:selectBooleanCheckbox id="stat" value="#world.getreality().status}"/>

Я бы хотел использовать вместо этого чекбокс JQuery UI. Я делаю следующее и могу отобразить кнопку пользовательского интерфейса JQuery, но не знаю, как заставить ее общаться с моим компонентом.

<script>    
    jQuery( "#display" ).button();
</script>

<div id="display">
    <input type="checkbox" id="stat" /><label for="stat">Status</label>
</div>

Обновление: то, что я спрашиваю, не является стандартным? Обновление 2: я действительно хотел бы получить вклад по этому вопросу. Если что-то неясно или отсутствует, пожалуйста, оставьте комментарий.

Answer 1

Возможно, Primefaces могут помочь? Они используют jQuery UI / ThemeRoller в качестве основного метода стилей.

Answer 2

Все, что вам нужно сделать, это просто подключить ваш флажок к обработчику событий, например:

$('#stat').click(function(){
 // Do some stuff here
});