多选框选中后，输入框可用

最新推荐文章于 2023-12-02 19:20:21 发布
最新推荐文章于 2023-12-02 19:20:21 发布
阅读量337 收藏
点赞数
分类专栏： javaScript 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/pengpeng11/article/details/83525340
版权 

 <INPUT TYPE="checkbox" onclick="t.disabled=!this.checked?true:false">
 <INPUT TYPE="text" NAME="" id="t" disabled>

 <input type="checkbox" onpropertychange="for(i=0;i<T2.length;i++){T2[i].disabled=!this.checked}" checked><br>
  <input name="T2" type="text" size="15" ><br>
  <input name="T2" type="text" size="15"><br>
  <input name="T2" type="text" size="15"><br>
  <input name="T2" type="text" size="15"><br>
  <input name="T2" type="text" size="15">
根据多选框动态生成输入框
weixin_42928456的博客
12-20 1215
做项目时遇到这样一个需求：保函类型是多选，调后台接口循环出来。每个保函类型后面都有保函比例(输入框）和有效期（日期选择器），并且填写对应的信息。如果没有选中保函类型，保函比例和有效期禁用。当勾选中某个保函类型的时候，其后面的保函比例和有效期就可用。回显的时候同样效果。 红色框中是保函类型，绿色框是每一条保函完整的信息，包括保函类型，保函比例，有效期。效果图如下 首先下面是html代码 &amp;amp;amp;...
checkbox选中复选框，添加文本框可编辑，不选中，则不可编辑
wujingj的博客
11-15 4619
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="JS/jquery-3.1.0.min.js"&gt;&lt;/script&gt
多选框选中后，输入框可用，包括多列输入框
dc92j的专栏
01-28 895
勾选多选框后弹出对应的输入框
furfur-jiang的博客
11-26 1568
思路： 静态或动态生成所有输入框，并隐藏 选中多选框后，让其显示 每一次点击都要进行一次遍历，对勾选或取消勾选的多选框对应的输入框进行显示和隐藏 （多选框与输入框） //渲染及隐藏被选中的查询多选框对应的输入框 function Querychecked() { $('input[type="checkbox"]').click(function() { if (this.checked...
多选框获取数据和输入框提交信息-pdf在IE中被遮盖
weixin_44867717的博客
09-15 169
多选框获取数据和输入框提交信息-pdf在IE中被遮盖 图例 结构 <el-dialog title="提示" :visible.sync="dialogVisible" width="640px" height="472px" :center="true" :lock-scroll="false" > <template v-slot:title> <div clas
下拉形式的可多选的输入框
Java_learneryy的博客
05-05 579
首先导入两个js包： 资源 jquery.min.js包 提取码：fla7 combox.js包 提取码：juy5 <script src="js/jquery.min.js"></script> <script src="js/combox.js"></script> 然后是JS代码： var data = [ ...
html 多选框 带输入框,js下拉选择框与输入框联动实现添加选中值到输入框的方法...
weixin_35559171的博客
06-04 1116
本文实例讲述了js下拉选择框与输入框联动实现添加选中值到输入框的方法。分享给大家供大家参考。具体如下：这里演示js下拉选择框与输入框联动，直接添加选中值到输入框中的效果。这种效果相信不少朋友见到过吧，省去用户输入的麻烦，这里使用JS直接将值赋予输入框，了解原理之后，可灵活运用，扩展出更多的特效来。运行截图如下：在线演示地址如下：具体代码如下：下拉选择框与输入框联动，直接添加选中值到输入框请选择un...
javascript实现选中复选框后相关输入框变灰不可用的方法
12-11
当用户选中一个复选框时，与之相关的输入框会变灰并不可用；取消选中时，输入框恢复可编辑状态。此方法对于有相关性的输入字段特别有用，可以有效地指导用户进行操作。 在实际开发中，我们可以根据需要调整这个示例...
假设配置文件为3行1列的txt文件，想要根据配置文件，在vue中为每一项加载出element ui的多选框和输入框，checkbox在输入框前面，如果选中，对应的输入框可用，否则不可用，如何实现
05-28
2. 在模板中使用v-for指令循环渲染多选框和输入框，同时使用v-if指令根据多选框的状态来判断输入框是否可用，如下所示： ```html (item, index) in config" :key="index" :label="item.label" :disabled="item....
checkbox设置复选框的只读效果不让用户勾选
12-01
在Web开发中，复选框（checkbox）是一个常见的交互元素，用于允许用户选择或取消一个或多个选项。然而，有时我们需要展示复选框但不允许用户实际进行勾选操作，这通常发生在信息展示或者只读模式的场景下。在这种...
【特效】复选框分行控制文本框
weixin_30757793的博客
07-25 146
也是实际项目中遇到的一个小小效果，意义不大，就是复习了一下if表达式中，复选框被选中了怎么写。 html： <table class="box"> <tr> <td><input type="checkbox" class="check_1"></td> <td&...
用复选框状态控制按钮是否可用
靠谱-ing
06-21 2074
这里要实现的是： 有一个复选框和一个按钮，勾选复选框则按钮可用，否则按钮不可用。 方法： 复选框ID：ID_CHECK_IF 按钮ID：ID_BUTTON1 为复选框关联BOOL型变量m_Enable 为按钮关联CButton变量m_ButtonIf 在对话框的初始化函数OnInitDialog()里将按钮设为不可用，初始化m_Enable为FALSE： t
选择复选框之后input输入框可以输入内容
lxb1113220682的博客
05-23 9293
&lt;form name="myform"&gt; &lt;input type="checkbox" name="box" id="box" value="1" onclick="check()" &gt; &lt;input type="text" name="aa" id="text&qu
【Element-ui】Checkbox 多选框 与 Input 输入框
最新发布
m0_62599305的博客
12-02 7312
在现代Web应用程序的开发中，用户交互和界面设计至关重要。Element-ui为Vue.js提供了一套丰富的组件，其中包括Checkbox多选框和Input输入框。Checkbox多选框允许用户从多个选项中进行选择，而Input输入框则是用户输入文本的关键元素。本文将深入介绍这两个组件，探讨它们的用法和特性，以帮助开发人员更好地利用它们构建出直观、友好的用户界面。Checkbox 多选框：Element-ui的Checkbox多选框是一种灵活的选择控件，通过简单的配置，可以实现单个或多个选项的选择。通过与数
js实现点击复选框对应文本框可用
weixin_46230055的博客
06-16 627
一、代码设计 <div> <span class="checkboxs"> 查找范围：<input type="checkbox" id="jg" onclick="Available(this)">按机构 <input type="checkbox" id="bumeng" onclick="Available(this)">按部门
vue使用element-ui的上传，input输入框，单选多选按钮等组件
Lotus的博客
05-13 8845
1.引入element-ui --- 复选框+上传+输入框 // element-ui import {Checkbox, Input, Upload, CheckboxGroup } from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.component( 'checkbox', Checkbox ); ...
复选框点击后弹出输入框
FreedomChao的博客
04-08 3927
Jsp部分： 其它 JS部分： function energyTypeCheck (chk) { var Checkbox5 = document.getElementById('Checkbox5'); if (chk.checked) { Checkbox5.style.display='inline-block'; }else { Checkbox5.sty
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值