Javascript 函数在通过 PHP 获得的站点部分中不起作用需要
我的网站中有一些<script type="text/javascript">功能，<head>并且我有通过 PHP 获得的网站片段require，这些功能适用于各种东西，其中一些已经在函数所在的同一文件中，而另一些则通过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'; ?>
尚方宝剑之说1回答
-
PIPIONE
radRet您的IDradDel正在被复制。通过函数参数传递不同的 ID。showHide(id1, id2)相对引用该元素。在 PHP 中更改您的 ID。
随时随地看视频慕课网APP
相关分类
JavaScript