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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function myselect(flag){
if(flag==1){
$("#ydselect").attr("disabled","disabled");
$("#jdselect").removeAttr("disabled");
}
else{
$("#jdselect").attr("disabled","disabled");
$("#ydselect").removeAttr("disabled");
}
}
</script>
</head><body>
<input type="radio" name="myradio"  onclick="myselect(1);" >季度   <input onclick="myselect(2);" type="radio" name="myradio" >月度
<br>
<select id="jdselect" >
<option>我是季度快选我</option>
</select>
<select id="ydselect">
<option>我是月度快选我</option>
</select>
</body>
</html>

解决方案 »

  1.   

    js联动,手头没现成的代码，随便给你说说，document.getElementById("XX").value获取radio的值，如果是季度，就
    document.getElementById("XX").style.disabled为true,另外的一个类似，反正就是按照这样的思路就可以了，有小问题调一下
      

  2.   


    <input type="radio" checked="checked" name="ff" value="0">按季度
    <select name="jd" id="jd">
    <option>第一季度</option>
    <option>第二季度</option>
    <option>第三季度</option>
    <option>第四季度</option>
    </select>
    <br>
    <input type="radio" name="ff" value="1">按月份
    <select disabled="disabled" name="yf" id="yf">
    <option>1月</option>
    <option>2月</option>
    <option>3月</option>
    </select><script type="text/javascript">
    $(function() {
    $("input[name='ff']").click(function() {
    alert(this.value);
    if (this.value == '1') {
    $("#jd").attr("disabled", "disabled");
    $("#yf").removeAttr("disabled");
    } else if (this.value == '0') {
    $("#yf").attr("disabled", "disabled");
    $("#jd").removeAttr("disabled");
    }
    });
    })
    </script>