javascript - 复选框只读属性不起作用

Question

我在表格的 td 标记中有输入复选框元素。当我尝试将 readonly 属性设置为 checkbox 时，不起作用，即使我将readonly属性设置为 input checkbox，它仍然可以被勾选或取消勾选。

var isdisabled = true
var isDofDisabled = true

<td>
  <div>
    <span>
      <input type="checkbox" 
        readonly="@(isdisabled || isDofDisabled ? " readonly" : null)" 
        asp-for="@Model.[i].IsDayOffMarked" />
    </span>
    <input type="number" 
      readonly="@(isdisabled || isDofDisabled ? "readonly" : null)" 
      placeholder="0.00" 
      style="text-align:center;vertical-align:central" 
      class="form-control format-text" 
      asp-for="@Model.[i].DayOffHrs" />
  </div>
</td>

Answer 1

输入复选框不能设置为readonly。您应该将其设置为，disabled因为复选框不支持readonly.