【问题标题】:jQuery Checkbox Not Refreshing On Page Load页面加载时 jQuery 复选框不刷新
【发布时间】:2015-10-29 01:38:33
【问题描述】:

使用 jQuery 1.9,我正在编写一个 WebForm,它在页面加载时检索数据并根据结果更改 WebFields。其中一个字段是复选框。

<input id="chkFollowUp" type="checkbox" class="form-control"/>

我正在尝试更改页面加载时的值。后端表示值已更改,但 UI 仍未选中。

<script type="text/javascript">
    $(document).ready(function () {
        alert($('#chkFollowUp').prop('checked'));    // return false
        $('#chkFollowUp').prop('checked', true);
        alert($('#chkFollowUp').prop('checked'));    // return true, but UI unchanged
    })
</script>

是否需要刷新 UI 才能显示新值?任何指导将不胜感激。谢谢。


解决了。在我的模板中,收音机和复选框是使用 jquery 统一插件自定义的。当您更改复选框/收音机状态时,您需要使用以下代码同步自定义复选框/收音机:

$('#chkFollowUp').prop('checked', true).uniform('refresh');

【问题讨论】:

  • 检查控制台是否有JS错误
  • 感谢您的帮助。事实证明,我使用的模板使用 jquery 统一插件自定义了 CheckBoxes 和 RadioButtons。在这种情况下,我不得不使用以下代码:$('#chkFollowUp').prop('checked', true).uniform('refresh');

标签: jquery jquery-ui checkbox


【解决方案1】:

解决了。在我的模板中,收音机和复选框是使用 jquery 统一插件自定义的。当您更改复选框/收音机状态时,您需要使用以下代码同步自定义复选框/收音机:

$('#chkFollowUp').prop('checked', true).uniform('refresh');

【讨论】:

    猜你喜欢
    • 2012-11-14
    • 1970-01-01
    • 1970-01-01
    • 2017-12-24
    • 1970-01-01
    • 2014-07-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多