Question

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

<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仍未选中。

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

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

解决。在我的模板中，无线电和复选框是使用jquery uniform插件自定义的。当您更改复选框/无线电状态时，您需要使用以下代码同步自定义的复选框/无线电：

<table class="admintable generaltable" id="relationships">
<thead>
...
</tr>
</thead>
<tbody><tr class="r0 lastrow">
<td class="leftalign cell c0" style="">Cohort 1</td>
<td class="leftalign cell c1" style="">0</td>
<td class="leftalign cell c2" style="">Non-editing teacher</td>
<td class="centeralign cell c3" style="">No</td>
<td class="leftalign cell c4" style="">No</td>
<td class="leftalign cell c5 lastcol" style=""><a href="http://150.162.242.121/mariana/unasus-cp/local/relationship/edit_cohort.php?relationshipcohortid=1&amp;delete=1"><img src="http://150.162.242.121/mariana/unasus-cp/theme/image.php/standard/core/1445875205/t/delete" alt="Delete" title="Delete" class="iconsmall" /></a> <a href="http://150.162.242.121/mariana/unasus-cp/local/relationship/edit_cohort.php?relationshipcohortid=1"><img src="http://150.162.242.121/mariana/unasus-cp/theme/image.php/standard/core/1445875205/t/edit" alt="Edit" title="Edit" class="iconsmall" /></a></td>
</tr>
</tbody>
</table>

Answer 1

解决。在我的模板中，无线电和复选框是使用jquery uniform插件自定义的。当您更改复选框/无线电状态时，您需要使用以下代码同步自定义的复选框/无线电：

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

jQuery复选框不刷新页面加载

1 个答案: