勾选复选框，激发disable后面下拉菜单功能

2015-10-06 06:00:10 330 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

关于Arduino中的常用函数一、I/O函数二、时间函数三、数学函数 abs 返回其参数的无符号值【abs（12）返回12，abs（-12）也返回12】 constrain 限制一个数字以阻止它超出范围。第一个参数是被限制的数字，第二个参数是范围区间的开始，第三个参数是允许的数字范围区间的结尾。【constrain（8,1，10）返回8，constrain（11,1，10）返回10，constrain（0,1，10）返回1】 map 将一个范围内的数字映射到另一个范围。第一个参数是要映射到数字，第二个和第三个参数是from范围（阅读详情

我想实现的功能：当上面的复选框没有勾选的时候，下面的Region下拉菜单可以选择；
当上面的复选框被勾选的时候，下面的Region下拉菜单禁用，背景变成灰色
我这个语句肯定很多错误，已经不知道怎么下手改了，请教各位。

我用的是python+django+Mysql，在python中，我用了一个动态的下拉菜单，从mysql中读取数据，反映在Region的下拉菜单中
models.py如下：



from django.db import models

from django import forms



class inputform(forms.Form):

    queue = forms.ChoiceField(label=u'Region')

    Region=forms.CharField(label='Region',choices=Region)



    # 下面是动态下拉菜单的语句

    def __init__(self,*args,**kwargs):

        super(ServerForm,self).__init__(*args,**kwargs)

        self.fields['Region'].choices=((x.que,x.disr) for x in Queue.objects.values('Region').distinct())

HTML语句：



<!DOCTYPE html>  

<html> 

    <head>  

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>  

        <title>Input Table</title>  

    </head>  



<style type="text/css">	 

	.field{

		background-color:#CCC;

	}

	.fieldWrapper{

		background-color:#06F;

		border:thick;

	}

</style>





<body>  	

	<form action="" method="post">{% csrf_token %}

        <!--选择是否要评估global performance-->

        <p><input type="checkbox" name="ifglobal" value="GlobalPerformance"/> If Evaluate Global Performance</p>

        

        <!--Region动态下拉菜单-->

        <div class="field">       	

        

        <select name="">

    		{% for val,name in form.choice_filed.choices %}

          		<option value="{{ val }}" {% ifequal data.val val %}selected {% endifequal %}>

     		{% endfor %}

    	</select>

        	  

    

    	<div class="fieldWrapper">

        	<p><input type="submit" value="Submit" />p>div>

    </form>

 

 <!--假设选择了复选框，则region下拉菜单禁用-->

 

	 <script type="text/javascript">

        $(function(){

        var regBtn = $("#regBtn");

        $("#regText").change(function(){

            var that = $(this);

            that.prop("checked",that.prop("checked"));

            if(that.prop("checked")){

                regBtn.prop("disabled",true)       

            }else{

                regBtn.prop("disabled",false)     --这里要disable 下拉菜单，但是regBtn不知道怎么赋名字给那个动态下拉菜单语句？

            }

        });

    });



</script>                  

</body>  

<html>