<script type="text/javascript">
jQuery(document).ready(function($){
$('.date').datepicker($.datepicker.regional['cs']);
$(".votePollState").button({ icons: {primary:'ui-icon-closethick'},text: false });
});
</script>
HTML 代码:
<input type="checkbox" class="votePollState" id="point-1"/><label for="point-1">Choice 1</label>
<input type="checkbox" class="votePollState" id="point-1"/><label for="point-1">Choice 1</label>
我需要为复选框状态设置一些图标,没有选中的复选框有其他图标,选中的复选框有其他图标。否,如果我选中复选框,这有一些图标,但仅更改边框颜色。
iPhone 上使用 ON/OF 开关按钮的东西。
谢谢
最佳答案
您可以添加 .change()
处理程序获取 .checked
复选框的状态并根据它分配图标,如下所示:
$(".votePollState").button({
icons: {primary:'ui-icon-closethick'},
text: false
}).change(function() {
$(this).button("option", {
icons: { primary: this.checked ? 'ui-icon-check' : 'ui-icon-closethick' }
});
});
关于jQuery UI 按钮 - 如何更改选中按钮的样式和图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4385006/