87,955
社区成员
发帖
与我相关
我的任务
分享勾选复选框，激发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>
...全文
请发表友善的回复…
发表回复
天际的海浪 2015-10-06
- 打赏
- 举报
你的表单元素没有写id啊
还有，jquery没有引用
<!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>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<form action="" method="post">{% csrf_token %}
<!--选择是否要评估global performance-->
<p><input id="regText" type="checkbox" name="ifglobal" value="GlobalPerformance"/> If Evaluate Global Performance</p>
<!--Region动态下拉菜单-->
<div class="field">
<select name="" id="regBtn">
{% 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)
}
});
});
</script>
</body>
<html>
