checkbox checked="{{item.checked}} 反显状态如何显示

在HTML中，`<input type="checkbox" checked="{{item.checked}}" />` 这段代码用于创建一个复选框，其中 `checked={{item.checked}}` 是表达式，它会根据 `item.checked` 的值来控制复选框是否被选中。如果 `item.checked` 为真（通常是true或非0），则复选框会被勾选；若为假，则不会被勾选。

如果你想在前端页面上实时显示这个反显状态，通常你会配合前端框架如Vue、React或Angular等使用。例如，在Vue中，当数据 `item.checked` 发生变化时，视图会自动更新。你可以在模板中绑定 `v-model` 到 `item.checked`，这样选择或取消选择时，对应的 `item.checked` 值就会同步更新，并反映在UI上。

<template>
  <input type="checkbox"
         v-model="item.checked"
         :disabled="isDisabled" />
</template>

<script>
export default {
  data() {
    return {
      item: { checked: false }, // 初始化项
    };
  },
  computed: {
    isDisabled() {
      // 根据业务逻辑判断是否禁用复选框
      // ...
    }
  },
};
</script>