Javascript函数在通过PHP获得的站点片段中不起作用

问题描述 投票:0回答:1

我在网站的<script type="text/javascript">中有一些<head>函数,并且我具有通过PHP require获得的网站分段,这些函数适用于各种事物,有些已经在同一文件中,这些函数是in和通过require获得的其他段中,这些功能在开始时就已经在<body>上的那些段中正常工作,但在通过require获得的那些段中不起作用。

我尝试在的末尾重新定位,以查看元素的加载顺序是否有问题,但功能仍然无法正常工作没有区别。

一如既往,非常感谢您的帮助。

根据下面的请求是代码

下面的代码位于<head>

<script type="text/javascript">
    function showHide() {
        var radioDel = document.getElementById("radDel");
        var radioRet = document.getElementById("radRet");

        if (radioDel.checked) {
            document.getElementById("dir").style.display = "flex";
            document.getElementById("diaEn").style.display = "flex";
            document.getElementById("direccion").required = true;
            document.getElementById("radRet").required = false;
        }

        if (radioRet.checked) {
            document.getElementById("dir").style.display = "none";
            document.getElementById("diaEn").style.display = "none";
            document.getElementById("direccion").required = false;
            document.getElementById("radDel").required = false;
        }
    }       
</script>

下面的代码位于<body>中,并且功能在其中起作用:

<fieldset class="form-group">
    <div class="row">
        <div class="col-sm-10">
            <div class="form-check">
                <input class="form-check-input" name="radios" id="radRet" type="radio" value="Retira" onclick="showHide()" required>
                <label for="radRet" class="form-check-label font-weight-bold">Retiro personalmente</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" name="radios" id="radDel" type="radio" value="Delivery" onclick="showHide()" required>
                <label for="radDel" class="form-check-label font-weight-bold">Entrega</label>
                <small id="diaEn" class="form-text text-muted" style="display:none;">Todas las entregas se hacen con Rappi</small>
            </div>
        </div>
    </div>
</fieldset>

下面的代码是通过<?php require $_SERVER['DOCUMENT_ROOT'].'/php/fieldset.php'; ?>获得的,功能不能在其中使用:

<fieldset class="form-group">
    <div class="row">
        <div class="col-sm-10">
            <div class="form-check">
                <input class="form-check-input" name="radios" id="radRet" type="radio" value="Retira" onclick="showHide()" required>
                <label for="radRet" class="form-check-label font-weight-bold">Retiro personalmente</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" name="radios" id="radDel" type="radio" value="Delivery" onclick="showHide()" required>
                <label for="radDel" class="form-check-label font-weight-bold">Entrega</label>
                <small id="diaEn" class="form-text text-muted" style="display:none;">Todas las entregas se hacen con Rappi</small>
            </div>
        </div>
    </div>
</fieldset>
javascript php require
1个回答
1
投票

您的ID radRetradDel正在复制。

© www.soinside.com 2019 - 2024. All rights reserved.