小技巧要你命三千之:checkbox radio select 只读效果

最新推荐文章于 2024-07-19 22:22:29 发布
原创 最新推荐文章于 2024-07-19 22:22:29 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细探讨了Checkbox、Radio、Select三种UI组件的只读状态及其应用，深入剖析了如何在不同场景下利用这些组件的只读特性来优化用户体验。

checkbox的只读效果：

    

    

radio的只读效果：

       

select的只读效果：

        
       1   
       2   
       3   
       4   
       

【愚公系列】《微信小程序与云开发从入门到实践》017-提供用户交互功能的组件
时光隧道
09-06 9万+
在微信小程序的开发过程中，用户交互功能的实现是提升用户体验的关键。而微信小程序提供了一系列强大的组件，专门用于增强用户与应用之间的互动。这些组件不仅丰富了小程序的功能，也为开发者提供了灵活的工具，以满足不同场景下的交互需求。本篇文章将深入探讨微信小程序中主要的用户交互组件，包括按钮、表单、滑动条、对话框等。我们将详细分析每个组件的特性、使用方法以及最佳实践，帮助你更好地理解如何通过这些组件来提升用户体验。无论你是小程序开发的新手，还是希望优化现有应用的资深开发者，这篇文章都将为你提供实用的见解和技巧。
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 7830
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
JQuery 控制 radio 只读
博海软件
03-19 3600
一、想让radio只读，就是想radio不可以修改。有一种场景是：让没有选中的radio不可以修改。代码如下： $("input[name='tempProduct.isMustInvoice'][value='0']").attr("disabled",true);  将值为0的radio设置不可以修改，这种设置的好外是：选中的radio值可以传入后台进行操作。 二、设置可修改的代码：...
radio标签的只读实现
study4034的专栏
06-29 9551
radio标签的只读实现网上看到一些实现radio标签只读的代码，但是并不合适我的使用场景，漫不经心的写着代码，无意说写出了一个新的实现方式，非常的简单。 原理：记录选中值，这样方便的实现radio的取消选中以及只读。 js代码如下 var tempbsRadios = document.getElementsByName("bbjFlag"); var tempbsRadio = nul
jquery 设置select checkbox radio只读
11-17
昨天网上找了很多关于设置select checkbox radio只读的，都没办法满足要求，自己写了一个
如何让radio只读
germmy-神一样的开发
08-23 1176
  radio没有readonly,只有disabled,用法和select一样。   readonly:http://zhidao.baidu.com/question/44824190.html      
checkbox、radio模拟设置成只读效果不让用户手动勾选
tyzhsj的博客
03-04 1935
在web开发时，有时候页面需要显示一些复选框（checkbox）、单选框（radio），目的就是想告知用户一组状态信息而不是想让用户在此处手动勾选（比如在信息展示页面），并且最后表单以POST或GET的方式提交时需要作为参数传递到后台。 一提到只读，首先很容易让人想到使用readonly属性，但是对于复选框、单选框来说，这个属性和期望得到的效果是有差别的。原因在于readonly属性关联的是页面元素的value属性（例如text、password、textarea等，设置了readonly就不...
HTML表单标签详解：input、textarea和select
# 1.... ## 1.1 表单的作用和重要性 HTML表单是用户与网站进行交互的重要方式之一，它可以用于接收用户输入、提交数据等操作。...输入型元素用于接收用户输入，包括input标签、textarea标签和select标签等；按钮型
表单进阶：提升用户体验与数据交互的关键技巧
### 表单进阶：提升用户体验与数据交互的关键技巧 在网页开发中，表单是用户与网站进行交互的重要工具。为了让表单更加易用和高效，我们需要掌握一些进阶的技巧和特性。本文将深入探讨表单的高级功能，包括标签创建...
前端必修技能：高手进阶核心知识分享 - CSS伪类和伪元素
最新发布
uu0216的博客
07-19 1298
伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到，这也是为什么他们一个称为伪类，一个称为伪元素的原因。 伪类选择器和伪元素选择器虽然不是真正的元素，但它们在CSS中扮演着极其重要的角色。了解并熟练运用它们，可以让你的网页更加生动、互动性更强，同时也能更好地控制页面的布局和内容的表现。
JQuery 设置checkbox select radio 为“只读”
热门推荐
vincent_void的专栏
04-20 1万+
JQuery  设置checkbox select radio 为“只读”，通过测试知道使用HTML标签的 text 和 textarea 、button 可以设置readonly="readonly"属性。 但是checkbox 、select、 radio 这三个控件使用起来不能使用readonly="readonly"属性，只有 disabled="disabled"可以使用。 这样就出
radio按扭设置只读_基础问题：设置radio、select、checkbox 的readonly 属性
weixin_39859988的博客
12-18 1227
编辑记录的时候，有时候需要禁止用户修改某些项目，常用的方法有以下两种：1》设置表单的readonly属性问题：但是readonly属性对radio、select、checkbox这三个表单不起什么作用2》设置表单的disabled属性问题：设置了disabled属性后，后台读取不到数据办法：1、设置disabled属性，并把表单值存入hidden隐藏域中2、使用用jquery控制(加载页面的时候设...
radio按扭设置只读_怎么将checkbox，radio，select控件设置为只读，不可选
weixin_39725193的博客
12-18 1792
展开全部html中将select控件设置为只读使用disabled属性，将其值设为disabled即可，规定禁用该下拉列表。同样的checkbox，radio为input类标签32313133353236313431303231363533e59b9ee7ad9431333431363037，使用disabled属性，将其值设为disabled时表示 input 元素加载时禁用此元素。例如：Vol...
radio标签实现：只读+正常传值
MiracleSang的博客
08-06 3069
radio标签实现：只读+正常传值 问题描述 在编程中经常遇到radio标签需要实现只读的情况，但因为radio控件本身就是只读了，所以加readonly等于没效果，所以一般会加disabled实现只读，但这种方式在提交表单时服务器端就不能读取到值了。 解决办法 1.使用hidden传值，较麻烦； 2.使用onClick=‘javascript:return false’ <input name="sex" type="radio" value="1" onClick='javascript:
input的type=‘radio‘设置只读属性颜色为灰色，如何修改
weixin_51609337的博客
04-23 2461
input{//选中后的颜色。
如何设置Select下拉框、CheckBox、Radio的ReadOnly属性？
北亮的专栏
02-27 9937
因为Select下拉框只支持disabled属性，不支持readOnly属性，而在提交时，disabled的控件，又是不提交值的 使用如下的js脚本处理一下，支持下拉框、CheckBox、Radio：function SetReadOnly(obj, backgroundColor) { if (obj) { var ieVer = GetIeVersi
jQuery设置radio、select、checkbox只读属性后，如何在后台得到数据
weixin_30851867的博客
08-24 362
1 设置表单的readonly属性 对于radio、select、checkbox来说，readonly属性对这三个标签不起什么作用。 2 设置表单的disabled属性 以radio为例说明。 代码示例： $("input[name='radio名']").attr("disabled","disabled")//将...
element 修改表单值后表单验证无效_表单中Readonly和Disabled的区别详解
weixin_39562928的博客
11-25 1503
这篇文章主要介绍了表单中Readonly和Disabled的区别详解，需要了解相关信息的小伙伴们快来仔细研究下吧表单中Readonly和Disabled的区别详解Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：Readonly只针对input(text / password)和textarea有效，而di...
js 将checkbox, radio, select控件设置为只读不可选
yujia博客
05-11 3328
[code="java"] 1 function dis() { var a = document.getElementsByTagName_r("input"); for (var i=0; i document.getElementByIdx_x("familyTypeIndex")....
Struts1.x表单组件使用详解：Radio, Checkbox, Multibox, Select
`<html:checkbox>`标签的工作机制类似于`<html:radio>`，但允许用户选择多个值。 示例代码： ```html <html:checkbox property="checkboxValue" value="1">选项1</html:checkbox> <html:checkbox property=...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

袭烽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值