根据单选框的选择来决定下拉框的禁用与否

最新推荐文章于 2022-10-04 10:23:24 发布
最新推荐文章于 2022-10-04 10:23:24 发布
阅读量843 收藏 2
点赞数
分类专栏： 前端 文章标签： select 下拉框 单选按钮
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinvkeo/article/details/89025321
版权

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

大家可以看到，当单选框选择’否’的时候，下拉框被禁用了，而选择’是’的时候，下拉框的禁用被解除了。这是怎么做到的呢?其实很简单。
在这里插入图片描述

代码就是以上这些了，是不是很简单？记得一定要先引入jQuery库哦!

jinvkeo
关注
专栏目录
WinForm带复选框的下拉表
12-16
引用DLL就可以应用带复选框的下拉表 里面包含源码
根据radio判断下拉框是否禁用
___ 、努ㄌ
09-15 975
<br /><script type="text/javascript" language="javascript"><br />    <br />//    function drop_Visible(boj)<br />//    {<br />//        var drop = document.getElementById("CarOilInfo1_drop_jykh");<br />//        if(boj=="open")<br />//        {<br />//    
根据第一个下拉框的值实现判断第二个下拉框是否可选
Tenton的博客
08-04 519
<body> <table class="classTable" cellpadding="0" cellspacing="0"> <tr style="height:40px"> <th class="classTh">第一级别</th> <td colspan="3" class="classTd"> <select id="firstLevel" style="wid
「Pyqt5」Pyqt5 通过下拉框触发条件设置按钮是否可用
Constantiny的博客
10-04 675
首先在class中先声明，大概可以理解为设置个类中的全局变量吧。然后再写下拉框的选择触发事件的函数。
jQuery对下拉框、单选框、多选框的处理
MYOS的博客
06-06 603
jQuery对下拉框、单选框、多选框的处理从本blog的日志可以看出，2007年初开始关注jQuery，已经有两年的时间了，在这两年时间里，更多的还是将jQuery当做一个很好用的工具直接运用到实际的项目和产品中。在这期间遇到过很多jQuery的问题，没有及时的记录下来，再次遇到的时候，依旧还是得重新来过。所以决定记录下来，方便我自己查阅，也方便他人。下拉框：//得到下
vue.js实现单选框、复选框和下拉框示例
10-19
无论是单选框、复选框还是下拉框，Vue.js都能够提供清晰和直观的方式来处理表单数据，提高开发效率，并保持代码的可读性和维护性。通过以上示例，我们可以看到Vue.js在实现表单元素方面的强大和灵活性，是构建动态...
jQuery对下拉框,单选框,多选框的操作
01-19
下拉框： //得到下拉菜单的选中项的文本(注意中间有空格)var cc1 = $(“.formc select[@name=’country’] option[@selected]”).text();//得到下拉菜单的选中项的值var cc2 = $(‘.formc select[@name=”country”...
文本框 单选框 复选框 下拉框
02-02
在IT界，尤其是在网页设计和开发领域，"文本框、单选框、复选框和下拉框"是构建用户界面（UI）时不可或缺的基本元素。这些组件是用户与应用程序或网站交互的主要方式，用于输入数据、做出选择或执行特定操作。让我们...
单选框、复选框、下拉框的使用及跨页面传值
08-07
在Android应用开发中，用户界面的设计至关重要，其中单选框（RadioButtons）、复选框（CheckBoxes）和下拉框（Spinner）是常见的交互元素，它们用于收集用户的选择信息或控制用户界面的状态。本教程将深入讲解这三种...
关于获取单选按钮的值，赋值以及禁用按钮的集合
键盘哥的博客
01-20 612
1.html布局 审核结果 通过 回退 审核说明        2.获取选中redio的值，以及赋值 //获取值 v
单选框和下拉框的jquery操作
weixin_30361641的博客
07-03 92
单选框 <input type="radio" name="rdSendType" value="email" checked="checked" /> 邮件<input type="radio" name="rdSendType" value="paper" /> 纸质 单选框选中状态改变 $("input[name=rdSendType]").cha...
element-vue根据下拉框选项判断是否显示输入框
qq_45807324的博客
03-30 4313
关于element-vue根据下拉框的选项判断是否显示输入框
vue 表格有选择框 选择之后 其余的选择框对于已经选择的实现禁用
xxf995546883的博客
06-21 1514
表格 选择框 禁用
select下拉框组件禁用选项值怎么实现
夏天的博客
01-21 2606
效果如图 背景需求 下拉框的数据选项值是通过接口请求过来的，当时没有想明白将disabled为true写在哪里 接口直接将数据渲染出来了，就是在后面继续再做判断；这个与当时的时间判断出数据是大同小异；因此不用将问题复杂化，这样做还少写了@change这个切换值的方法了。 源代码 <!-- //指定部门主管的多选框 --> <template v-if="orderConfig.reportAuditType == 3"> <el-select v-
HTML下拉列表(select)，单选框(radio), 复选框(checkbox)如何向后端传值
starh的博客
04-12 1万+
前言 提示：该文章记录前端往后端传值的一些细节 提示：以下是本篇文章正文内容，下面案例可供参考 一、form是什么？ form是前端往后端传值的一个表单 二、html代码如下 1，下拉列表源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <...
radio/checkbx/select 设置不可选择
weixin_42384119的博客
10-24 4873
由于某种不可描述的原因，表单里面的这三个标签不能够使用readonly(只读属性),如果使用disable属性的话，选中的值是没有办法提交过去的。 一般用于，修改某个表单数据的时候，由于业务需要，只展示，拒绝用户修改。 百度了好久，终于亲测可以使用： onClick='javascript:return false' 酱紫就没有办法点了，点了也选不中，美滋滋。 据说还有一种办法，但是因为我自己...
设置单选框radio不可选（禁用）
热门推荐
Claer_XX的博客
01-13 2万+
readonly属性对radio、select、checkbox这三个表单无效，设置disabled属性后，读取不到值 在网络上找到思路，总结出如下三种解决方案 把表单值存入<input type="hidden" >中，如果代码中要改变选中则同时要赋值给该输入框 提交表单前先移除disabled属性，不提交表单时或提交表单后设置disabled属性（代码中要改变选中前先移除disabled属性） 只设置没有选中的input框disabled属性 （代码中要改变选中时先移除disabled
通过下拉框的值来确定输入框是否可以为空
weixin_30699443的博客
10-17 159
摘要：本节只是为了做一个记载，实现一个简单的验证 是否需要预占下来框有是和否两个值，当选择“是”时，资源预占原因输入框必须输入值，否则不能跳转，当选“否”时，不需要验证资源预占原因输入框。 有两个文件a.html和b.html，a.html 即下面的代码，b.html只是为了验证通过时候一个跳转页面，不做任何代码编写 因为a.html用的是相对路径，所以要想程序能正常运行，b.html文件必...
html单选框复选框下拉框回显
最新发布
05-25
HTML中的单选框、复选框和下拉框都可以通过设置checked或selected属性来回显。 对于单选框和复选框，需要将其设置为checked属性值为true，例如： ```html <input type="radio" name="sex" value="male" checked>...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值