Jquery 如何实现用radio控制两个下拉列表,只让一个可选择

问题描述

有两个下拉列表,一个是季度列表选项,一个月度列表选项用radio来控制,只让一个下拉列表可用,另一个就可用,比如radio选择季度,季度的下拉列表可以选择,月度的下拉列表是灰色不可用的如果radio选择月度,月度的下拉列表可以选择,季度的下拉列表是灰色不可用的

解决方案

解决方案二:
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Inserttitlehere</title><scripttype="text/javascript"src="js/jquery-1.7.1.min.js"></script><scripttype="text/javascript">functionmyselect(flag){if(flag==1){$("#ydselect").attr("disabled","disabled");$("#jdselect").removeAttr("disabled");}else{$("#jdselect").attr("disabled","disabled");$("#ydselect").removeAttr("disabled");}}</script></head><body><inputtype="radio"name="myradio"onclick="myselect(1);">季度<inputonclick="myselect(2);"type="radio"name="myradio">月度<br><selectid="jdselect"><option>我是季度快选我</option></select><selectid="ydselect"><option>我是月度快选我</option></select></body></html>

解决方案三:
js联动,手头没现成的代码,随便给你说说,document.getElementById("XX").value获取radio的值,如果是季度,就document.getElementById("XX").style.disabled为true,另外的一个类似,反正就是按照这样的思路就可以了,有小问题调一下
解决方案四:
楼上两位,收到谢谢,我按照着调试一下
解决方案五:
<inputtype="radio"checked="checked"name="ff"value="0">按季度<selectname="jd"id="jd"><option>第一季度</option><option>第二季度</option><option>第三季度</option><option>第四季度</option></select><br><inputtype="radio"name="ff"value="1">按月份<selectdisabled="disabled"name="yf"id="yf"><option>1月</option><option>2月</option><option>3月</option></select><scripttype="text/javascript">$(function(){$("input[name='ff']").click(function(){alert(this.value);if(this.value=='1'){$("#jd").attr("disabled","disabled");$("#yf").removeAttr("disabled");}elseif(this.value=='0'){$("#yf").attr("disabled","disabled");$("#jd").removeAttr("disabled");}});})</script>

时间: 2024-07-28 18:12:43

Jquery 如何实现用radio控制两个下拉列表,只让一个可选择的相关文章

控制-两个主机怎么公用一个显示器?

问题描述 两个主机怎么公用一个显示器? 十几年前看朋友弄过,现在换了个主机 ,旧的准备 放在院子里当服务器耍 哈哈.求助啊.怎么做到?是买什么东西还是就是像远程控制那种? 解决方案 有的显示器同时有多路输出,比如一个vga一个hdmi,那么两个接口分别接两个计算机,在显示器上通过信号来源切换. 如果显示器提供hdmi输出,但是你的电脑只有vga接口,可以买一个转换头,几块钱. 如果你的显示器只有一路输出,那么就需要一个kvm切换器了,kvm切换器不但能切换显示,而且能共享键盘和鼠标,注意最好买电

jquery控制两个div中二级分类显示

问题描述 jquery控制两个div中二级分类显示 <div class="n_nav clearfix">这个里面是一级分类 <p class="navigation_column">型号</p><ul class="ul2">这个里面放的是二级的分类 想问的就是如何能够控制二级分类的显示问题, 解决方案 不知是不是你想要的,可以粘过去试试 <%@ page language="j

jquery使用animate方法实现控制元素移动

 这篇文章主要介绍了jquery使用animate方法实现控制元素移动,涉及jQuery中animate方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jquery使用animate方法实现控制元素移动.分享给大家供大家参考.具体分析如下: 通过jquery的animate方法控制元素移动,这里需要将元素的位置定义为relative, fixed, 或者 absolute! ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

jQuery使用slideUp方法实现控制元素缓慢收起

 这篇文章主要介绍了jQuery使用slideUp方法实现控制元素缓慢收起的功能,实例分析了jQuery中slideUp方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery使用slideUp方法实现控制元素缓慢收起功能的技巧.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <!DOCTYPE

JavaScript控制两个列表框listbox左右交换数据的方法

 这篇文章主要介绍了JavaScript控制两个列表框listbox左右交换数据的方法,实例分析了javascript操作列表框listbox的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了JavaScript控制两个列表框listbox左右交换数据的方法.分享给大家供大家参考.具体分析如下: 这个功能我们经常用到,将左边列表框的元素移动到右边,或者将右边列表框的元素移动到左边,可以一次性全部移动 代码如下: function listbox_moveacross(sour

jQuery实现Div拖动+键盘控制综合效果的方法

 这篇文章主要介绍了jQuery实现Div拖动+键盘控制综合效果的方法,实例分析了jQuery操作div块拖动的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery实现Div拖动+键盘控制综合效果的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml

vc60-VC(MFC)串口调试界面添加一个按钮控制两种颜色变换的指示灯。谢谢!!!

问题描述 VC(MFC)串口调试界面添加一个按钮控制两种颜色变换的指示灯.谢谢!!! 用MFC做出来一个只能发送和接受的界面之后,需要添加一个或两个按钮控制两种颜色变换.请问是指示灯吗?代码怎么写?谢谢. 解决方案 直接放一个static控件,准备两个图片,一个红灯一个绿灯 直接画http://blog.csdn.net/lujianfeiccie2009/article/details/7281996 当然,也可以不用先准备图片,而直接通过画圆.填充绘制出灯.

51单片机通过TB6560控制两相步进电机

问题描述 51单片机通过TB6560控制两相步进电机 控制时步进电机能频率问题include #define uchar unsigned char #define uint unsigned int uchar pwm,adjustment=100; uint num,num2; sbit CLK=P2^0; //脉冲正负端 有脉冲时电机运行,无脉冲时自动进入所设定的半流状态,锁定电机 sbit CW=P2^1; //方向正负端 低电平或悬空时正传,高电平反转 sbit EN=P2^2; sb

C# Winfrom项目,如何在from窗体中控制两个timer控件时间的同步显示

问题描述 C# Winfrom项目,如何在from窗体中控制两个timer控件时间的同步显示 在C# Winfrom项目中,一个from窗体,两个timer控件(timer1和timer2),两个Label控件(labe1和label2), timer1是实现0到1分钟的倒计时显示在显示labe1中,timer2是实现到1分钟后自动显示当前时间到label2中. 两个button控件(button1和button2).button1和button2分别控制timer1的开始和暂停. timer1