javascript - 自定义复选框(使用图像代替复选框)

Question

我想创建一个自定义复选框。

我想显示一个事件/非事件图像来代替复选框。

如有必要，我仅限于使用 JSF/Richfaces 和 Javascript。

我想避免使用 javascript，但我唯一能找到的是 OpenFaces 的“o:selectBooleanCheckbox”标签。

有人知道我可以不用 Javascript 的另一种方法吗？

谢谢

Answer 1

javascript 会更简单也更好。

但是无论如何，您可以使用在 bool 条件下呈现的两个不同的图像标签并更改您绑定(bind)的变量的值来完成此操作。

<a4j:outputPanel id="checkbox">
    <h:graphicImage value="path/checkedimage" rendered="#{yourbean.value}">
       <a4j:support event="onclick" action="#{yourbean.ChangeValue}" reRender="checkbox"/>
    </h:graphicImage>
    <h:graphicImage value="path/uncheckedimage" rendered="#{not yourbean.value}">
       <a4j:support event="onclick" action="#{yourbean.ChangeValue}" reRender="checkbox"/>
    </h:graphicImage>
</a4j:outputPanel>