-
2021-01-13 14:10:55
readonly
属性对radio
、select
、checkbox
这三个表单无效,设置disabled
属性后,读取不到值在网络上找到思路,总结出如下三种解决方案
- 把表单值存入
<input type="hidden" >
中,如果代码中要改变选中则同时要赋值给该输入框 - 提交表单前先移除
disabled
属性,不提交表单时或提交表单后设置disabled
属性(代码中要改变选中前先移除disabled
属性) - 只设置没有选中的input框
disabled
属性 (代码中要改变选中时先移除disabled
属性)
其中第三种方案是我自己认为最优解决方式,示例如下:
function disabledRadioGwf(val) { // 取消禁用 $("input:radio[name='gwf']").removeAttr("disabled").removeProp("disabled"); var value = "N"; if (!val) { value = "Y"; } $("input:radio[name='gwf'][value='" + value + "']").attr("checked", true).prop("checked", true); // 禁止选择 $("input:radio[name='gwf']:not(:checked)").attr("disabled", true).prop("disabled", true); }
更多相关内容 - 把表单值存入
-
OpcEnum交互式用户不可选解决办法
2021-05-20 16:47:18三、验证OpcEnum交互式用户是否可选 一、使用超级管理员打开命令提示符(CMD) 二、重新注册OpcEnum.exe ①首先检查OpcEnum.exe存在哪个文件夹; ②如果OpcEnum.exe存在System32目录下,则在CMD中执行以下命令...目录
一、使用超级管理员打开命令提示符(CMD)
二、重新注册OpcEnum.exe
①首先检查OpcEnum.exe存在哪个文件夹;
②如果OpcEnum.exe存在System32目录下,则在CMD中执行以下命令
C:\Windows\System32\OpcEnum.exe /regserver
③如果OpcEnum.exe存在SysWOW64目录下,则在CMD中执行以下命令
C:\Windows\SysWOW64\OpcEnum.exe /regserver
我这里OpcEnum.exe存在SysWOW64目录下,则进行输入如下命令注册:
三、验证OpcEnum交互式用户是否可选
①同时按下Windows+R键,弹出运行框
②输入【dcomcnfg】按下回车键
③
-
vue element el-date-picker 当前日期之前的日期设置不可选状态
2019-09-10 18:05:261. 核心的代码就是这两句 picker-options="expireTimeOption" expireTimeOption : ...//disabledDate 文档上:设置禁用状态,参数为...当前日期不可选 包括今天也不可选 ,只需设置 return date.getTime() ()1. 核心的代码就是这两句
picker-options="expireTimeOption"
expireTimeOption: { disabledDate(date) { //disabledDate 文档上:设置禁用状态,参数为当前日期,要求返回 Boolean return date.getTime() < Date.now() - 24 * 60 * 60 * 1000; } },
2. 效果图
3. 完整代码
<template> <div> <el-date-picker v-model="deadline" type="datetime" placeholder="选择日期时间" @change="handleDate" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" :picker-options="expireTimeOption" ></el-date-picker> </div> </template> <script> export default { data() { return { expireTimeOption: { disabledDate(date) { //disabledDate 文档上:设置禁用状态,参数为当前日期,要求返回 Boolean return date.getTime() < Date.now() - 24 * 60 * 60 * 1000; } }, deadline: "", // 截止时间 } }, methods:{ // 截止日期 handleDate(value) { this.deadline = value; }, } } </script>
如果需要设置
当前日期不可选 包括今天也不可选
,只需设置return date.getTime() < Date.now()
-
iview日期控件DatePicker设置不可选择的日期、不可选时间点
2019-07-24 10:13:51近期要做一个预约功能,其中预约日期是有范围限制的,预约的时间点也是按后台配置起止时间的,这就需要前端将不需要的日期和时间设置为不可选择。...日期不可选通过options属性来控制, 时间不可选通过time-picke...近期要做一个预约功能,其中预约日期是有范围限制的,预约的时间点也是按后台配置起止时间的,这就需要前端将不需要的日期和时间设置为不可选择。
效果如下:
1、日期按照后台返回,控制能选择的日期。
2、时间的话,过滤了不可选时间。
这里使用的是iview的DatePicker组件,type为datetime
日期不可选通过options属性来控制, 时间不可选通过time-picker-options属性来控制
代码示例如下,可copy到iview这里运行查看效果:https://run.iviewui.com/S10Xjfll
<template> <br> <DatePicker v-modal="time" :options="options3" :time-picker-options="{steps: [1,60],disabledHours: disabledHours,hideDisabledOptions:true}" type="datetime" format="yyyy-MM-dd HH:mm":editable="false" placeholder style="width: 200px"></DatePicker> <br> </template> <script> export default { data(){ return { steps: [1, 60],//下拉列表的时间间隔,数组的三项分别对应小时、分钟、秒。例如设置为 [1, 15] 时,分钟会显示:00、15、30、45。我这里只让选择整点,所以分钟间隔设置为60 disabledHours: [0,1,2], ableDates:[], options3: { disabledDate :(date)=> { //这里写上自己的逻辑,返回true,表示当前日期需要设置为不可选 var disabled=true; if (date.getTime()>=this.ableDates[0] && date.getTime()<=this.ableDates[this.ableDates.length-1]) { disabled=false; } return disabled; } }, disabled: false, time:'' } }, mounted () { this.getDisabledHours(); this.getAbledDates(); }, methods: { getDisabledHours(){ //实际逻辑,是调接口获得能显示的时间点list,再算出需要设置为不可选的时间点,这里写死数组数据 let array = [0,1,2,3,4,5,20,21,22,23]; this.disabledHours=array; }, getAbledDates(){ //实际逻辑,是调接口获得能显示的日期list,这里写死数组数据 let res=[1563811200000,1563897600000,1564070400000,1564156800000]; for (let i = 0; i < res.length; i++) { var dateUnix=res[i]; var date=new Date(dateUnix); this.ableDates.push(date); } } } } </script>
-
Ant Design table自定义复选框的默认不可选状态
2019-08-01 14:46:59我的需求是已经添加过的人员,下一次不可以再添加了,使用复选框的disabled属性。官网上的getCheckboxProps中的disabled的值是record.name==="XXX",我在用的过程中肯定是一个list,然后我就想用函数返回true或false... -
Swift之深入解析可选链的功能和使用
2022-02-10 19:26:36一、什么是可选链? 可选链(Optional Chaining)是一种可以请求和调用属性、方法和子脚本的过程,用于请求或调用的目标可能为nil。 可选链返回两个值: 如果目标有值,调用就会成功,返回该值; 如果目标为 ... -
JS中select框中控制下拉列表部分可选部分不可选
2018-01-10 18:27:21需求原本是要求对于不可选的属性,用户点击后默认显示请选择。修改完成后,需求又变更为还是让属性显示出来,另外在别的地方去控制流程终止。哎,对业务的需求变更是最无力吐槽了,。最疯狂的遇到过,对于一个需求一... -
zTree设置父节点不可选中,只可选中子节点(也可根据需求设置节点选中状态)
2019-11-08 16:58:52有两种方法:显示check ...一、是在callback里写回调方法,都是显示check radio的,有两种情况,一种是不可选择,一种是判断是否是父节点,是的话直接返回 callback: { beforeCheck: this.zTreeBeforeCheck,//在... -
element ui datePicker 设置当前日期之前/之后的日期不可选
2019-03-24 17:50:00之前:element ui datePicker 设置当前日期之前的日期不可选 之后: disabledDate(time) { return time.getTime() > Date.now(); } -
Element UI disableddate设置动态时间,时间段,或者当前之前不可选,当天之后不可选
2019-06-05 09:46:32在项目中使用Element UI 日历控件,本人遇到的场景是某个时间到当天时间可选,其他不可选,代码如下: dom: <el-date-picker v-model="ruleForm1.date" type="date" value-format="yyyy-MM-dd" placeholder=... -
select标签设置只读的方法(下拉框不可选但可传值)
2017-11-10 11:20:17转载来源: https://www.cnblogs.com/lxcmyf/p/6856161.html 1. < select id ="s1" name ="s1" onfocus ="this.defaultIndex=this...."此处不可选择!" ); return false ; }); }) -
python – Argparse:必需的参数列在“可选参数”下?
2021-02-05 08:04:29以 – 或 – 开头的参数通常被认为是可选的。所有其他参数是位置参数,并且如设计所需(如位置函数参数)。可能需要可选的参数,但这是有点反对他们的设计。因为它们仍然是非位置参数的一部分,它们仍将被列在混乱标题... -
单选框按钮设置不可选中
2019-08-01 16:17:13按钮变为不可用: $("input[name=radioMan]").attr("disabled", "true"); $("input[name=radioWoMan]").attr("disabled", "true"); 按钮变为可用: $("input[name=radioMan]").attr("disabled", ... -
element-ui 日期控件设定当前日期之前的日期不可选,包含当天
2019-08-12 14:26:24在工作中,有时候会遇到一些功能,就是当前日期之前的日期不能选择,那么怎么实现呢 代码如下: <el-date-picker v-model = 'time' :picker-options='pickerBeginDateBefore' @change='change' type='date... -
设置单选框不可选,但可以传输数据
2017-05-27 10:17:26需求:修改公告信息时,屏幕类型(单选框)不能更改 ...期望:正确控制单选框可选与否 + 可以数据传输 解决:选中的单选框正常,未被选中的单选框disabled 启发:可以把一个整体拆成多个部分,分而治之 -
antd DatePicker RangePicker限制时间范围,其中结束时间限制时分秒不可选
2019-11-13 10:30:48(比如现在是2019-11-13 10:29:31,那就只能选择此刻以前的,尚未发生的时间不可选。)期望图如下: 实现: 1. 首先在页面引入时间控件与moment插件 import{ DatePicker }from'antd'; importmomentfrom'... -
配置DCOM时,交互式用户灰色不可选
2021-03-12 15:57:17配置DCOM时,交互式用户灰色不可选 原因 OpcEnum为被注册。 解决方法 找到OpcEnum.exe说在目录。在开始运行中输入 C:\Windows\SysWOW64\OpcEnum.exe /regserver 注册成功后,交互式用户可选。 -
select 下拉框不可选中
2020-12-02 13:48:36被禁用的下拉列表既不可用,也不可点击。 可以设置 disabled 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该下拉列表的使用。然后,可以使用 JavaScript 来清除 disabled 属性,以使下拉列表变为... -
可选链操作符
2021-12-22 14:18:40可选链操作符允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。操作符的功能类似于 链式操作符,不同之处在于,在引用为null 或者 undefined的情况下不会引起错误,该表达式短路返回值... -
Swift之深入解析如何处理非可选的可选项类型
2021-10-09 21:53:05可选选项 Optional 可以说是 Swift 最重要的特性之一,也是它区别于 Objective-C 等语言的关键,通过被强制处理可能为 nil 的情况,我们倾向于编写更可预测和更少出错的代码。 然而,有些时候可选值可能会致我们于... -
select 下拉框某一项设置为不可选
2015-11-12 17:32:57HTML <optgroup> 标签 另外还可以设置字体, 不可选" style=“font-family:”> value="可选"> -
java方法可选参数_Java可选参数
2020-07-05 23:15:52java方法可选参数 在Java类中设计方法时,某些参数对于其执行而言可能是可选的。 无论是在DTO,胖模型域对象还是简单的无状态服务类中,可选方法参数都是常见的。 从本文中, 您将学习如何在Java中处理可选参数 ... -
checkbox或者radio默认选中,默认不可选中
2019-09-20 23:13:17与默认选中一样,当我们想让checkbox或者radio不可点击时,只要设置了disabled属性,不管该属性的值是什么,都是不可选中的。 动态修改checkbox或者radio选中状态和不可选中状态 // 设置checked属性为true,就是... -
VMware Workstation 16 Player 中安装 VMware Tools(解决VMware Tools按钮不可选问题)
2020-12-25 21:55:21VMware Workstation 16 Player 中安装 VMware Tools(解决VMware Tools按钮不可选问题) 现在VMware(即虚拟机)个人是可以免费使用的,只要不商用,个人是可以在官网下载正版的 VMware Workstation 16 Player。... -
element-ui里面的下拉多选框 el-select 时,默认值不可删除
2019-10-17 13:57:22这是一个项目中常见的需求,el-select 为下拉多选,默认值不可删除,或者指定值不可删除。 实现效果: el-select 如下源码中 tag closable 属性为 el-select 的 disabled 属性,所有明显不支持。 解决... -
VS Code“所选驱动器或UNC共享不存在或不可访问。请另外选择”
2020-05-23 11:47:46原因是在安装完成后改动了VS Code 的安装位置 解决方法 高级系统管理—>环境变量—>Path 改为现有路径即可 -
ElementUI+VUE 在使用ElementUI日期选择器时大于当前月份的日期不可选,默认日期
2019-05-20 09:23:011,月份选择器,大于当前月份的日期不可选 pickerOptions: { //大于当前月分的日期不可选 disabledDate: (time) => { var date = new Date(); var year = date.getFullYe... -
python中函数定义可以不包括可选参数列表-定义函数时,可选参数必须定义在非可选参数的后面。...
2020-11-11 14:42:58【单选题】名片是现代商务活动中必不可少的工具之一,有关它的礼仪当然不可忽视,下列做法正确的是( )。 【单选题】定义函数时,可选参数必须定义在非可选参数的后面。 【单选题】以下for循环语句执行后,输出结果的... -
html中select下拉列表中部分选项不可选
2014-11-30 18:17:27<select> <option value="">aaaa</option> 只能看不可选"></optgroup> <option value="">bbbb</option> <option value="">cccc</option> -
Qt 设置QTableWidget表格不可被选中、不可编辑
2020-06-02 16:40:08一、设置表格不可被选中 tableWidget->setSelectionMode(QAbstractItemView::NoSelection); 其它枚举值: QAbstractItemView::ExtendedSelection 选中多个目标 QAbstractItemView::SingleSelection 选中单个...
收藏数
2,004,127
精华内容
801,650