checkbox readOnly属性

最新推荐文章于 2024-02-01 15:45:26 发布
原创 最新推荐文章于 2024-02-01 15:45:26 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#input

本文介绍了一种使HTML中的Checkbox变为可视但不可选的方法，通过在Checkbox的onclick事件中返回false来实现。
 
Checkbox不能像<input type=’text’….这些有readOnly功能，但是现在只想让它可视不可选；
 
<input   type="checkbox"   onclick="return  false;">，这样就可以了。
 
bennydou
关注
设置checkbox为只读(readOnly)的两种方式
09-04
设置checkbox为只读的方法有很多，在本文为大家详细介绍下两种比较实用的方法，感兴趣的朋友不要错过
checkbox设置复选框的只读效果不让用户勾选
09-05
`readonly`属性通常用于文本输入框（Textbox），当设置后，用户无法修改输入框内的文本内容。对于复选框，它的状态不是由`value`属性决定，而是通过`checked`属性来控制是否被选中。因此，即使设置了`readonly`，...
实现checkBox readonly功能
supershuyun的博客
01-24 791
今天在做开发的时候遇到了这样一个问题：有一个checkBox选项是不能被改变的。但是checkBox又是没有readonly属性的，这个时候我就想到了另外一个属性disabled，但是disabled的对象是不能提交到后台的，所以这个又被排除掉了。想了想，只能添加事件来搞定了。于是在checkBox中添加了个onclick="return false'，问题解决。所以要想实现checkBox的re...
两种方式实现checkBox readonly功能
iteye_66的博客
05-11 638
今天在做开发的时候遇到了这样一个问题：有一个checkBox选项是不能被改变的。但是checkBox又是没有readonly属性的，这个时候我就想到了另外一个属性disabled，但是disabled的对象是不能提交到后台的，所以这个又被排除掉了。想了想，只能添加事件来搞定了。于是在checkBox中添加了个onclick="return false'，问题解决。所以要想实现checkBox的r...
checkbox的readonly属性设置
weixin_30591551的博客
07-15 1685
方式一：checkbox没有readOnly属性，如果使用disabled=“disabled”属性的话，会让checkbox变成灰色的，用户很反感这种样式可以这样让它保持只读：设置它的onclick="return false"js里就是 checkbox.onclick=function(){return false;}; 方式二： 1 $(function(){ ...
checkbox 设置复选框的只读不让用户勾选
Yany的博客
03-03 6700
checkbox 设置复选框的只读不让用户勾选
checkbox readonly
01-20
checkbox的readonly属性可以通过两种方式来设置为只读模式： 方式一：使用onclick事件来禁止checkbox的点击操作。 ```javascript checkbox.onclick = function() { return false; }; ``` 方式二：使用this....
Checkbox设置为只读
weixin_43872691的博客
07-14 1955
Checkbox设置为只读：
checkbox只读效果
ghostandghost-代码为主,看不懂你运行
01-28 177
设置checkbox只读
weixin_30492047的博客
03-14 183
1.checkbox没有readonly属性，所以在checkbox添加readonly属性是没有作用的。 <input type="checkbox" readonly="readonly" /> 2.这个时候添加disabled属性可以禁止让用户操作，但同时会变成灰色，在一些情况下用户体验不是很好。 <input type="checkbox" disabl...
实现Ant Design Vue中Checkbox readonly效果
最新发布
weixin_58868567的博客
02-01 795
组件中不支持 Checkbox 组件实现readonly效果，想要利用click 事件中return false 实现，运行后发现不能实现想要的效果。因此在checkbox外套一个容器，实现readonly效果。
设置checkbox复选框为readonly只读的两种方式
zerojunyan的专栏
04-09 3139
本文分享下，设置复选框checkbox为只读(readonly)模式的两种方式，它们是return false与this.checked。有需要的朋友参考下吧。 很多时候，我们需要设置checkbox复选框中的选项为只读模式。 下面为大家介绍二种方法。 例1，由于checkbox无readOnly属性，使用disabled=“disabled”属性，只会让checkbox变成灰色。 使用如
点击checkbox文本框置为readonly（仅适用ie）
简单而有效
03-25 3169
     草草做了一个比较丑陋的js，实现如下情况     1.初打开页面，文本框readonly，checkbox未选中，文本框默认值0.0，底色置灰     2.点击checkbox，文本框底色变白，处于可编辑，并将默认值改为输入值提示。     3.此时鼠标onfocus，框内值变空     4.勾选掉checkbox，文本框置灰，readonly，如果文本框没有输入值，或者
checkbox、radio模拟设置成只读效果不让用户手动勾选
tyzhsj的博客
03-04 1931
在web开发时，有时候页面需要显示一些复选框（checkbox）、单选框（radio），目的就是想告知用户一组状态信息而不是想让用户在此处手动勾选（比如在信息展示页面），并且最后表单以POST或GET的方式提交时需要作为参数传递到后台。 一提到只读，首先很容易让人想到使用readonly属性，但是对于复选框、单选框来说，这个属性和期望得到的效果是有差别的。原因在于readonly属性关联的是页面元素的value属性（例如text、password、textarea等，设置了readonly就不...
jquery设置元素的readonly和disabled大全(包括checkbox只读方法)
jlyybz的专栏
06-04 5590
Jquery的api中提供了对元素应用disabled和readonly属性的方法如下：  1.readonly   　　 $('input').attr("readonly","readonly")//将input元素设置为readonly 　　$('input').removeAttr("readonly");//去除input元素的readonly属性 　　 if
HTML复选框可以设置为只读吗？
p15097962069的博客
12-20 1711
我以为他们可以，但是因为我不把钱放在我的嘴里（可以这么说）设置readonly属性实际上似乎没有做任何事情。 我宁愿不使用Disabled，因为我希望检查复选框与表单的其余部分一起提交，我只
ExtJS为readonly设置不同的样式
falang的博客
11-17 343
首先写个readonly的样式 [code="css"].x-item-readonly{color:#0B66B0;cursor:default;}[/code] 在Ext.form.Field类的initComponent方法中加 [code="javascript"] if(this.readOnly){ this.fieldClass="x-form-field x-item...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值