今天开发代码时,发现好久不用jquery就生疏了。
所以作这个记录,
使用checkbox控制div的显示与隐藏。
一,html代码处:
<input type="checkbox" name="checkYaml" id="checkYaml" /> Yaml发布
<div id="branch_build_div">
{{ form.branch_build }}
</div>
二,JS代码处:
$(document).ready(
function(){
// 如果是Yaml发布,用户就不用输入git的代码分支了,因为直接使用配置好的yaml文件,连编译镜像都不需要的。
$("#checkYaml").change(
function() {
if ($("#checkYaml").prop("checked"
)) {
$("#branch_build_div"
).hide();
} else {
$("#branch_build_div"
).show();
}
});
});
三,如果是在django的formview中,使用如下方式,可以获取这个额外的form选项(因为这个checkbox并没有反映在forms.Form继承类中)。
def form_valid(self, form):
check_yaml = self.request.POST.get(
'checkYaml')
转载于:https://www.cnblogs.com/aguncn/p/11351558.html