<label class="font-weight-bold text-secondary">Network Mode</label>
         <br>
        <div class="btn-group btn-group-toggle" data-toggle="buttons">
            <label class="btn btn-primary" onchange="disableStatic()">
                <input type="radio" name="networkMode" id="DHCP"  autocomplete="off" value="0">DHCP
            </label>
            <label class="btn btn-primary" onchange="enableStatic()">
                <input type="radio" name="networkMode" id="static" autocomplete="off" value="1">Static
            </label>
        </div>


<script>

function disableStatic() {
                    document.getElementById("ip1").disabled = true;
                    document.getElementById("ip2").disabled = true;
                    document.getElementById("ip3").disabled = true;
                    document.getElementById("ip4").disabled = true;
                    document.getElementById("sub1").disabled = true;
                    document.getElementById("sub2").disabled = true;
                    document.getElementById("sub3").disabled = true;
                    document.getElementById("sub4").disabled = true;
                    $('.ip-subnet-params').collapse('hide');


                }

                function enableStatic() {
                    document.getElementById("ip1").disabled = false;
                    document.getElementById("ip2").disabled = false;
                    document.getElementById("ip3").disabled = false;
                    document.getElementById("ip4").disabled = false;
                    document.getElementById("sub1").disabled = false;
                    document.getElementById("sub2").disabled = false;
                    document.getElementById("sub3").disabled = false;
                    document.getElementById("sub4").disabled = false;
                    $('.ip-subnet-params').collapse('show');
            }

</script>