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

我想实现的功能:当上面的复选框没有勾选的时候,下面的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>
...全文
相关推荐
DKA(Disable Koreapas Anonymity)-crx插件
DKA(Disable Koreapas Anonymity)-crx插件是一款专为韩国语环境设计的浏览器扩展程序,它的主要功能是自动取消网页中的匿名选项。
Android Studio安装教程
**跳过首次启动检查** 安装完毕后,不要勾选"Start Android Studio"复选框,以避免自动启动和SDK更新检查。如果已经启动,可以通过修改配置文件来禁用自动检查。6.
Mac键盘如何开启F1 - F12功能键.docx
默认情况下,Mac 键盘的 F1 - F12 键是 disable 的,需要用户手动启用它们。下面将详细介绍如何开启 Mac 键盘的 F1 - F12 功能键。
SpringBoot 在IDEA中实现热部署步骤详解(实用版)
具体步骤是:打开谷歌浏览器,打开 F12 的 Network 选项栏,然后勾选【 Disable cache 】。
Springboot在IDEA热部署的配置方法
此外,为了确保浏览器不使用缓存,可以在Chrome中打开开发者工具(F12或"Ctrl+Shift+I"),在"Network"选项卡下勾选 "Disable Cache (while DevTools


