我正在为手机编写一个网络应用程序,我希望所有复选框都是带有“复选”或“交叉”的按钮,以及复选框的文本。我有一个使用 jQuery UI 的工作解决方案,但它似乎并不十分优雅。任何人都可以提出任何改进建议吗?
这是代码:
$(function () {
$("input[type=checkbox]")
.button({ icons: { primary: "ui-icon-circle-close"} })
.click(function () {
if (this.checked) {
$(this).button("option", "icons", { primary: 'ui-icon-circle-check' })
}
else {
$(this).button("option", "icons", { primary: 'ui-icon-circle-close' })
}
});
$("input[type=checkbox]:checked")
.button({ icons: { primary: "ui-icon-circle-check"} })
.click(function () {
if (this.checked) {
$(this).button("option", "icons", { primary: 'ui-icon-circle-check' })
}
else {
$(this).button("option", "icons", { primary: 'ui-icon-circle-close' })
}
});
});