如何通过使用javascript或AJAX或任何其他方式单击页面“a.php”中的复选框来隐藏页面“B.php”中的元素
在第2步的这个工具中,我想这样做,如果我在锚类型中检查ULTRA-FLASH,即Page A.php,那么选择foot应该消失。选择foot coulmn来自B.php页面 php的代码基本上与A.php相同 **标题1 页面A.php的代码---**如何通过使用javascript或AJAX或任何其他方式单击页面“a.php”中的复选框来隐藏页面“B.php”中的元素,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,在第2步的这个工具中,我想这样做,如果我在锚类型中检查ULTRA-FLASH,即Page A.php,那么选择foot应该消失。选择foot coulmn来自B.php页面 php的代码基本上与A.php相同 **标题1 页面A.php的代码---** <?php function radialAnchors($roof_id){ require_once("conn.php"); require_once('query.php'); $anchors = sq
<?php
function radialAnchors($roof_id){
require_once("conn.php");
require_once('query.php');
$anchors = sqlQuery("SELECT anchors.anchor_id, anchors.code, anchors.href, anchors.image_src, anchors.description
FROM roof_types INNER JOIN anchors
ON roof_types.roof_id = anchors.roof_type_fk
WHERE roof_types.roof_id = $roof_id
ORDER BY anchors.priority ASC", $conn);
$checked = 0;
foreach ($anchors as $anchor) {
?>
<div class="row anchor-row">
<div class="col-2-12 center">
<div class="img-box">
<a href="<?php echo $anchor['href']; ?>" target="_blank">
<img src="<?php echo $anchor['image_src']; ?>"alt="<?php echo $anchor['code']; ?>">
</a>
</div>
</div>
<div class="col- md-1-12 md-show sm-hide"> </div>
<div class="col-8-12 md-10-12 center">
<h2><?php echo $anchor['code']; ?></h2>
<p><?php echo $anchor['description']; ?></p>
<p><a href="<?php echo $anchor['href']; ?>" target="_blank">Find out more</a></p>
</div>
<div class="col-1-12 center">
<br><br><input type="radio" name="anchorRadios" id="anchor<?php echo $anchor['anchor_id']; ?>" value="<?php echo $anchor['anchor_id']; ?>" <?php if(!$checked++) echo 'checked'; ?>>
<label for="anchor<?php echo $anchor['anchor_id']; ?>"></label>
</div>
</div>
<?php
}
}
?>根据我的理解,选择ULTRA-FLASH时,您需要隐藏select foot。这可以使用jquery来完成。为您的ULTRA-FLASH编写更改侦听器,您可以完全隐藏select foot div
$(document).on('change', '#ultra-flash-id', function(){
this.checked ? $("#select-foot-id").hide() : $("#select-foot-id").show();
});
我应该把这个jQuery代码放在seprate文件中还是放在其中一个PHP页面中。你可以把这个代码放在一个.PHP文件或任何javascript文件中(如果有的话)。在php文件中使用上面的代码,并将元素id更改为实际的id。我只是在示例代码中尝试了一下,因为我不想在成功之前弄乱实际的代码。但是这个Jquery代码不起作用。我的示例代码订阅时事通讯了吗$document.on'change',hi',函数{this.checked?$hello.hide;:$hello.show;;} 欢迎访问我们的网站。我们提供各种主题的教程。请使用此代码。我已经创建了代码笔。订阅时事通讯$document.on'change',hi',函数{this.checked?$hello.hide:$hello.show;} 欢迎访问我们的网站。我们提供各种主题的教程