问题描述
有两个下拉列表,一个是季度列表选项,一个月度列表选项用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>