让<input type="checkbox" 不可更改

最新推荐文章于 2021-09-17 22:41:50 发布
最新推荐文章于 2021-09-17 22:41:50 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tfy1332/article/details/8977788
版权
<input type="checkbox" id="allchecked" disabled="disabled"/>
tfy1332
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue-input框checkbox强制刷新问题
12-11
在Vue.js中，`<input type="checkbox">` 用于创建可勾选的复选框。在处理Vue组件中复选框的交互时，可能会遇到一些常见问题，比如复选框的状态更新延迟或不更新。这里我们将深入探讨如何解决Vue中复选框强制刷新的...
checkbox设置复选框的只读效果不让用户勾选
12-01
<input type="checkbox" name="optiona" readonly="readonly" /> ``` 与`readonly`类似，`disabled`属性可以将元素设置为不可用状态，不允许用户进行任何交互，包括更改`value`和`checked`状态。当`disabled`属性被...
input复选框不可改变默认勾选状态
nunumaymax的博客
07-30 2077
input复选框不可改变默认勾选状态 //复选框默认为勾选状态，并不可改变 <input type="checkbox" checked="checked" onclick="return false;">
复选框不能编辑
qq_41335316的博客
03-16 2038
复选框中使用disabled="disabled"就不能实现编辑 <input type="checkbox" Enabled = true class="i-checks " [#if (item.morningState)==1]checked[/#if ] disabled="disabled"/>上午 页面实现的效果 ...
使input文本框不可编辑的方法
weixin_30814329的博客
10-16 3988
disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。示例：<input type="text" disabled="disabled" /> read...
js复选框回显如何使CheckBox不可修改
weixin_44424101的博客
07-09 3193
使CheckBox不可修改（加入 onclick="return false;"）： 复选框如下： <span class="checkboxSpan"> <input type="checkbox" name="ABC" value="aa" onclick="changeABC()" />AA ...
checkbox或者radio默认选中，默认不可选中
抠脚的汉子
09-20 1万+
checkbox： 默认选中 <input id="checkbox1" type="checkbox" checked="checked" /> <input id="radio1" type="radio" checked="checked" /> 当我们想让checkbox或者radio默认选中时，只要设置了checked属性，不管该属性的值是什么，...
让checkbox不选中即将选中的checkbox不选中
09-04
以上就是实现"让checkbox不选中即将选中的checkbox不选中"的完整步骤。在实际应用中，你可能需要根据具体需求进行适当的调整，比如添加特定的类名或数据属性来识别需要处理的复选框，或者考虑在多页面应用中如何有效...
使用CSS修改HTML的checkbox效果的小示例分享
09-24
<label><input type="checkbox" /><span></span><input /></label> ``` 这段代码中，复选框被隐藏，而`<label>`中的`<span>`元素提供了可点击的区域。当用户点击`<span>`时，复选框的状态会发生变化，同时显示或隐藏...
checkbox选中状态不被改变
weixin_30591551的博客
07-24 1649
让它的状态只能看不能改变,加上onclick="return false;". 也可以disabled="true";但是这个颜色变淡了; <input type="checkbox" onclick="return false;" <s:if test="%{isGoodDoc != null}"> checked="checked" </s:if>/> ...
保持 checkbox 选中状态不被修改
netingcn
06-25 1万+
对于input type为text时，可以用readonly属性来控制让它的内容不能被修改，然而checkbox则没有这个属性，此时可以通过javascript来达到这个目的，只需要在checkbox 的onclick事件方法上加上 return false; 这样的javascript代码即可，这样就不能修改checkbox的状态了。如
如何让type="checkbox"不选中啊
chunfengdeyiding的专栏
01-19 1099
在做项目中也遇到了同样的问题，虽然结贴了，我还是说下我的解决方法吧。 我是.net 不是java 不过应该都是同样道理吧。  />记住用户名 在后台声明一个字符串变量，protected string _checked = ""; 默认为空， 需要选中时_checked = "checked=\"checked\"";  把整个checked=“checked” 当作字符串变量绑定到
修改input type=“checkBox“ 的原有样式
willwe的博客
09-17 1011
input type="checkBox" 的原有样式无法直接修改 修改思路为：隐藏checkbox，通过label绑定checkbox，给label设置样式 vue中：（js就把input的id前的：和label的for前的：去掉然后修改id和for的内容就行） <input:id="todo.id"type="checkBox":checked="todo.done"@change="changeDone(todo.id)"class="checkItem"> &...
使input文本框不可编辑的3种方法
热门推荐
u010210251的博客
11-08 16万+
今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切
如何使CheckBox不可修改
ptsx0607的专栏
05-09 1万+
如何使CheckBox不可修改（加入 onclick="return false;"）：&lt;input type="checkbox" name="jmsf.isPrint" checked="checked" onclick="return false;" id="isPrint" value="yes"/&gt;打印票据&lt;/td&
checkbox input 禁止修改,jquery 控制 select radio checkbox input 不可修改
weixin_36054508的博客
04-01 389
$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("input,textarea").attr("readOnly",'true').css("background-color","#EEE").each(function(){this.onclick = undefined;})$("#formTab5,#formTab4,#...
Checkbox的只读设置
Anyers的专栏
03-23 3万+
Checkbox的只读设置对于修改页面，后台传递CheckBox选项值后，想固复选按钮值，不让其改变（即只读状态）。
input文本框不可编辑的3种方法
orangeTop的博客
08-31 4339
input文本框不可编辑的3种方法 1.disabled disabled属性规定应该禁用 input 元素。 被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。 注释：disa
html判断如果下拉框id="xqdmc"中xqdmc 的值为1 , 复选框<div class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}"> <label th:each="dict : ${type}" class="check-box"> <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"> </label> </div>可选可见的值为12,13,14,15并默认是选中状态其它值不可选,如果xqdmc 的值为10复选框<div class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}"> <label th:each="dict : ${type}" class="check-box"> <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"> </label> </div>可选可见的值为32并默认是选中状态其它值不可选
最新发布
05-24
您可以使用JavaScript来实现这个功能。首先，您需要监听下拉框的值的变化，然后根据不同的值来修改复选框的可选性和选中状态。 HTML代码： ```html <select id="xqdmc"> <option value="1">1</option> <option value="10">10</option> </select> <div class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}"> <label th:each="dict : ${type}" class="check-box"> <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"> </label> </div> ``` JavaScript代码： ```javascript // 获取下拉框和复选框元素 const xqdmc = document.getElementById('xqdmc'); const checkboxes = document.querySelectorAll('input[name="fenlei"]'); // 监听下拉框的值的变化 xqdmc.addEventListener('change', function() { // 获取下拉框的值 const value = xqdmc.value; // 根据不同的值来修改复选框的可选性和选中状态 if (value === '1') { checkboxes.forEach(function(checkbox) { const value = checkbox.value; if (value === '12' || value === '13' || value === '14' || value === '15') { checkbox.disabled = false; checkbox.checked = true; } else { checkbox.disabled = true; checkbox.checked = false; } }); } else if (value === '10') { checkboxes.forEach(function(checkbox) { const value = checkbox.value; if (value === '32') { checkbox.disabled = false; checkbox.checked = true; } else { checkbox.disabled = true; checkbox.checked = false; } }); } }); ``` 这段代码使用了`addEventListener`函数来监听下拉框的值的变化，然后在回调函数中根据不同的值来修改复选框的可选性和选中状态。对于每个复选框，使用`disabled`属性来控制它是否可选，使用`checked`属性来控制它是否选中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值