javascript - 复选框只读属性不起作用
问题描述
我在表格的 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>
解决方案
输入复选框不能设置为readonly
。您应该将其设置为,disabled
因为复选框不支持readonly
.
推荐阅读
- spring-boot - 如果由于消费者处理消息时出错而未发送手动确认,如何以及何时重新传递 Kafka 消息?
- c++ - 两个大型数组之间的 C++ 标准化互相关
- bash - 管道 | 在bash用法中?
- fabricjs - fabricJS - 带有 toSVG 的 SVG 参数
- r - 使用整个数据的 tidyverse 中的逐行操作
- dialogflow-es - 如何在 Dialogflow 实现中获取当前意图的名称?
- excel - 如何将同一日期的多个销售的 GM% 计算为唯一日期?
- sql - 从 SQL Server 2012 中的 XML 列中提取属性
- javascript - 将列表数据从 html 传递到 python (flask)
- react-native - React Native flatlist 条件渲染