text和checkbox只读属性的设置

最新推荐文章于 2023-06-07 06:46:06 发布
最新推荐文章于 2023-06-07 06:46:06 发布
阅读量3.3k 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jxufecodelong/article/details/44834197
版权
在创建不可编辑的表单默认数据时，可以使用只读属性。对于text输入框，添加readonly属性即可实现。而对于checkbox，由于没有readonly属性，通常用disabled属性来达到相同效果。如果不想使用disabled，可以通过JavaScript的onclick事件返回false阻止其勾选状态改变。
摘要由CSDN通过智能技术生成

在设置某些表单的默认数据，而且不让使用者修改这些数据的时候，我们通常会设置该项为只读。通常情况下Input输入框我们只需要向该Input添加Readonly="Readonly"即可。

  1. <input type="text" readonly="readonly" name="name" value="默认的input数据" />  
最低0.47元/天 解锁文章
CodeLong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery设置复选框为只读_设置checkbox为只读(readOnly)的两种方式
weixin_39807859的博客
01-14 1755
设置checkbox为只读(readOnly)的两种方式方式一：checkbox没有readOnly属性，如果使用disabled=“disabled”属性的话，会让checkbox变成灰色的，用户很反感这种样式可以这样让它保持只读：设置它的onclick="return false"js里就是 checkbox.onclick=function(){return false;};方式二：复制代码...
设置checkbox为只读(readOnly)的两种方式
09-04
设置checkbox为只读的方法有很多，在本文为大家详细介绍下两种比较实用的方法，感兴趣的朋友不要错过
Checkbox设置为只读
weixin_43872691的博客
07-14 1668
Checkbox设置为只读：
设置checkbox为只读（readOnly）
非淡泊无以明志，非宁静无以致远
05-23 1053
设置checkbox为只读（readOnly） 方式一： checkbox没有readOnly属性，如果使用disabled=“disabled”属性的话，会让checkbox变成灰色的，用户很反感这种样式可以这样让它保持只读：设置它的onclick=‘’return false“js里就是 checkbox.onclick=function(){return false;};   方式...
Checkbox的只读设置
热门推荐
Anyers的专栏
03-23 3万+
Checkbox的只读设置对于修改页面，后台传递CheckBox选项值后，想固复选按钮值，不让其改变（即只读状态）。
JS控制文本域只读或可写属性的方法
10-22
下面的javascript代码片段演示了如何使用`getElementById`方法获取页面中元素的引用，并根据复选框的选中状态来动态设置文本域的`readonly`和`disabled`属性： ```javascript // 定义一个函数changeCheck用于切换...
窗体程序，修改指定文件夹的只读属性
09-05
在Windows操作系统中，只读属性是一个文件或文件夹的权限设置，它禁止用户进行写入或修改操作，但允许读取。如果一个文件被设置为只读，那么尝试修改它的内容将会失败，除非先取消只读属性。 在C#中，我们可以使用`...
设置disabled属性后台读不到数据如何让select支持readonly
09-28
然而，对于`<select>`、`<input type="checkbox">`和`<input type="radio">`，`readonly`属性并不起作用，通常需要使用`disabled`属性来达到类似的效果。然而，如前所述，`disabled`会导致数据无法提交，因此需要...
checkbox的readonly属性设置
weixin_30591551的博客
07-15 1583
方式一：checkbox没有readOnly属性，如果使用disabled=“disabled”属性的话，会让checkbox变成灰色的，用户很反感这种样式可以这样让它保持只读：设置它的onclick="return false"js里就是 checkbox.onclick=function(){return false;}; 方式二： 1 $(function(){ ...
设置select 框和checkbox框只读
芃蓉蓁蓁的博客
11-18 3083
readonly属性：关联的是页面元素的value属性（例如textbox，设置了readonly就不能修改输入框的文本内容），对select和checkbox不起作用。 disabled属性：这个属性的作用是设置页面元素为不可用，即不可进行任何交互操作（包括不可修改value属性、不可修改checked状态等）。但是问题也来了，就是它也不能向后台传递数据了。如需使用可以在表单提交之前，移除这个属性 $(“#s1”).removeAttr(“disabled”); （1）设置select只读：添加onf.
设置checkbox为只读效果
金溪的博客
02-16 2103
提到只读，很容易想到使用readonly属性，但对于复选框，readonly属性关联的是页面元素的value属性，而复选框的勾选取消并不改变其value属性，改变的只是一个checked状态，所以对于checkbox来说，设置readonly，仍然可以勾选取消。 对于disabled属性，这个属性的作用是设置页面元素为不可用，即不可进行任何交互操作。     &lt;input type...
设置checkbox复选框为readonly只读的两种方式
zerojunyan的专栏
04-09 2581
本文分享下，设置复选框checkbox为只读(readonly)模式的两种方式，它们是return false与this.checked。有需要的朋友参考下吧。 很多时候，我们需要设置checkbox复选框中的选项为只读模式。 下面为大家介绍二种方法。 例1，由于checkbox无readOnly属性，使用disabled=“disabled”属性，只会让checkbox变成灰色。 使用如
单选框、复选框、文本框的只读设置方法
tgw2000的专栏
01-20 1万+
众所周知，文本框的只读可以设置它的readonly属性来完成，但是对于单选钮和复选框，设置readonly却不能完成只读功能，那应该怎样设置它们的只读属性呢？以下是几种方法：第一种方法：通过这种方法设置后，单选钮和复选框变成灰色只读的了，但是也无法再用它进行传值了。第二种方法：你也可以写成这种方式：
复选框Checkbox的只读设置
叶落无痕的博客
02-20 5296
  对于修改页面，后台传递CheckBox选项值后，想固复选按钮值，不让其改变（即只读状态）。   CheckBox只读设置 最初，第一反应是使用readonly属性，但在复选框中，决定复选框值的是checked，而不是文本框等输入框的value值。所以这里使用readonly属性，会没有效果。  后面又尝试使用disabled属性，发现确实值不能变了。但是问题也来了，就是它也不能传递数据...
[前端]设置checkbox只读(非disable)
SouthNAN的博客
02-23 2768
参考链接： 1、Checkbox的只读设置 2、checkbox单选框"只读",避免使用disable属性颜色变灰 方法一： οnclick="return false" 方法二： οnclick="this.checked=!this.checked" 示例： <input type="checkbox" class="checkbox" onclick="return false" checked/>一类 <input style="margin-left: 5px;" clas
C#中的CheckBox控件
最新发布
xiaogongzhu001的博客
06-07 4713
C#中的CheckBox控件
HTML 中 input标签常见属性和用法
04-28
HTML 中 input 标签是用来创建用户输入表单的元素，它有很多属性和用法，以下是常见的一些： 1. type 属性：用来指定 input ...以上是常见的一些 input 属性和用法，不同的 input 类型可能还有其他特殊的属性和用法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值