如何在 django 模板中启用/禁用子元素答案

【问题标题】：how to enable/disable child elements in django template如何在 django 模板中启用/禁用子元素
【发布时间】：2014-05-14 23:05:09
【问题描述】：

其实我对javascript和jquery一窍不通。

我想在 django 模板中启用/禁用子元素表单域是动态生成的

所以，我有组织及其相关名称，请参阅这样的结构

[checkbox]"ABC"
    [checkbox]"CEO"
    [checkbox]"COO"
[checkbox]"xyz"
    [checkbox]"Manager"
    [checkbox]"staff"

我的代码 sn-p 是

<form method="post">
    {% for org in orgs %}
        <tr><input type="checkbox" value="{{org.id}}" name="add2orgs" onclick="disablediv({{org.id}},this)" /> {{org.name}}</tr><br/>
        {%for org in org.designations %}
          <tr>  <td><input type="checkbox" name="designations2add" value="{{obj.id}}" disabled="true"/></td>
             <td>{{obj.title}}</td>
             <td>{{obj.description}}</td>
     </tr>
        {%endfor%}
    {%%endfor}
<input type="submit" value="Add">
</form>

file.js

<script type="text/javascript">
    function disablediv(id,nme)
    {
        var eleid=nme.id;
        if(document.getElementById(eleid).checked){
          //what will be code to enable all field in div? 
          document.getElementById(id).style.display="block";


        }else{
              //what will be code to disble all field in div   
             document.getElementById(id).style.display="none";

        }

    }

现在，我想做的是如果我未选中 org 复选框，则应取消选中其所有子名称复选框

提前谢谢..

【问题讨论】：

标签： python-2.7 django-templates

【解决方案1】：

使用 JavaScript

function disablediv(divid,thiss)
{
    var cid=thiss.id;
    if(document.getElementById(cid).checked){
        var nodes = document.getElementById(divid).getElementsByTagName('*');
        for(var i = 0; i < nodes.length; i++){
            nodes[i].disabled = false;
        }
        document.getElementById(divid).style.display="block";

    }else{
        var nodes = document.getElementById(divid).getElementsByTagName('*');
        for(var i = 0; i < nodes.length; i++){
            nodes[i].disabled = true;
            nodes[i].checked = false;
        }
        document.getElementById(divid).style.display="none";

    }

}

知道寻找 jquery ...

【讨论】：