Javascript函数不能在通过PHP获得的网站片段中工作



我在我的网站的<head>中有一些<script type="text/javascript">函数,我有通过PHPrequire获得的网站片段,这些函数应用于各种东西,有些已经在函数所在的同一文件中,有些则通过require获得,函数在从一开始就已经在CCD_ 5上但在通过CCD_。

我试着在的末尾重新定位,看看元素的加载顺序是否有问题,但没有什么不同,功能仍然不起作用。

和往常一样,任何形式的帮助都是非常感激和感谢你的时间。

根据以下请求,是代码

以下代码位于<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>

您的IDradRetradDel正在被复制。

  • 通过函数参数传递不同的ID。showHide(id1, id2)
  • 相对引用该元素
  • 在PHP中更改您的ID

相关内容

  • 没有找到相关文章

最新更新