如何在Django脆皮表单中使用JS启用/禁用复选框按钮
How to enable/disable button with checkbox using JS inside Django crispy form?
我想实现这个:http://jsfiddle.net/8YBu5/7/
我想启用/禁用django脆表单提交按钮基于一个复选框在相同的脆表单。
有可能吗?我如何让这个JS工作?
JS似乎没有做任何事情。我觉得我在这里错过了一些基本的东西…
这是我的脆的形式:
email = forms.EmailField(label=_("Email"))
password1 = forms.CharField(widget=forms.PasswordInput,label=_("Password"))
billing_secret = forms.CharField()
termsandcond = forms.TypedChoiceField(
label = False,
choices = ((1, "Yeah sure"),),
initial = '0',
)
def __init__(self, *args, **kwargs):
billing_secret = kwargs.pop('billing_secret', None)
super(RegistrationForm, self).__init__(*args, **kwargs)
self.helper = FormHelper()
self.helper.form_method = 'post'
self.helper.form_action = '.'
self.helper.layout = Layout(
Field('email', placeholder=_("Email")),
Field('password1', placeholder=_("Password")),
InlineCheckboxes('termsandcond'),
Submit("save", _("Get Started"),css_class="pull-right", css_id="postme"),
)
这是我的JS:
$('#id_termsandcond_1').click(function(){
if($(this).attr('checked') == false){
$('#postme').attr("disabled","disabled");
}
else {
$('#postme').removeAttr('disabled');
}
});
下面是相关的django crispy form元素:
<div id="div_id_termsandcond" class="form-group">
<div class="controls ">
<label class="checkbox-inline">
<input type="checkbox" name="termsandcond" id="id_termsandcond_1" value="1">Yeah sure
</label>
</div>
</div>
<input type="submit" name="save" value="Get Started" class="btn btn-primary pull-right" id="postme">
可以。你需要使用。prop('checked')。
<html>
<body>
<form action="/somehandler.html" method="get">
<div id="div_id_termsandcond" class="form-group" >
<div class="controls ">
<label class="checkbox-inline">
<input type="checkbox" name="termsandcond" id="id_termsandcond_1" value="1">Yeah sure
</label>
</div>
</div>
<input type="submit" name="save" value="Get Started" class="btn btn-primary pull-right" id="postme">
</form>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$('#postme').attr('disabled', 'disabled');
$('#id_termsandcond_1').click(function(){
if($(this).prop('checked') === false){
$('#postme').attr('disabled', 'disabled');
}else {
$('#postme').removeAttr('disabled');
}
});
</script>
</body>
</html>
相关文章:
- 淘汰赛.JS'启用'长度绑定条件不起作用
- 检查浏览器'在asp.net的后端代码中启用或禁用了s JS
- 如何在angular js中启用CORS
- 在iOS上使用iScroll.js时启用缩放功能
- 在 Angular JS 中重新启用禁用 ng 的按钮
- 如何在启用ES6功能的情况下运行Node.js应用程序
- 如何通过js启用/禁用浏览器历史记录
- JS - jQuery - 启用禁用表单字段复选框
- 通过JS功能在中继器中启用文本框
- 有没有办法在 Servlet 中知道 JS 是否在浏览器上启用
- 有没有办法知道 .net 必填字段验证器是否从 js 启用或禁用
- Twitter Bootstrap 使可折叠菜单链接不可点击(如果启用了 JS)
- 为什么我的 JS 没有启用我的按钮
- 动态按钮启用基于错误组的挖空 js
- 如何模拟启用JS的浏览器
- 仅在特定操作中启用js函数
- 启用JS评测时,JavaScript代码工作得更快?什么
- 启用js文件时,联系人表单不会发送所有表单详细信息
- 使用Laravel测试时是否启用JS
- 隐藏并启用 js 中具有相同类名的 Div 集