如何通过使用javascript或AJAX或任何其他方式单击页面“a.php”中的复选框来隐藏页面“B.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

在第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 = 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">&nbsp;</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;} 欢迎访问我们的网站。我们提供各种主题的教程