个人中心
gpt4 book ai didi

javascript - 单击 javascript 和 php 中的选项卡菜单时清除或重置复选框

转载 作者：行者123 更新时间：2023-12-02 14:10:36 26 4
gpt4 key购买 nike

我有一个如下所示的选项卡菜单。我希望在单击另一个选项卡菜单时重置复选框。
我更新了完整的 php 代码，以便轻松找到编写的代码中的任何错误。我搜索 stackoverflow 以查找带有复选框重置解决方案的选项卡菜单，但我得到了一些解决方案并实现了这些代码。我没能解决我的问题。请帮助我。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>event list</title>
    <link rel="stylesheet" href="<?php echo base_url('asset/css/tabcontent.css'); ?>" type="text/css"/>
    <script type="text/javascript" src="<?php echo base_url('asset/js/tabcontent.js'); ?>"></script>
    <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body style="text-align:left">
    <div class="container">
       <div class="row">
        <div class="col-lg-12">
            <form method="post" action="" >
                <div class="box">
                <legend>Add New Bundle</legend>
                    <div class="text_box3">
                        <div>
                            <ul class="tabs" id="tabs" data-persist="true">
                                <li class="selected"><a href="#view1" onclick="$('#second').prop('checked', false);">All Images</a></li>
                                <li><a href="#view2" onclick="$('#first').prop('checked', false);">Category</a></li>
                            </ul>
                            <div class="tabcontents">
                                <div id="view1" style="overflow-y:scroll; height:200px;">
                                    <?php 
                                        foreach ($get_all_img as $row){
                                            echo '<div height="50px">
                                            <label><input type="checkbox" name="first" id="first">';
                                            echo '</label></div>';
                                        }                                        
                                    ?>
                                </div>
                                <div id="view2" style="overflow-y:scroll; height:200px;">
                            <?php 
                                foreach($get_everything as $tasks){
                                    //echo "<pre>";
                                    //print_r($tasks);
                                echo '<div class="cat_name">'. $tasks['name'].'</div>';
                                echo "<ul>";
                                    foreach($tasks as $task){
                                                foreach($task as $p){ 
                                                    foreach($p as $pr){ 
                                                        echo '<div height="50px">
                                                        <label><input type="checkbox" name="second" id="second">';
                                                        echo '</label></div>';              
                                                    }                        
                                                }  
                                        }echo "</ul>";
                                }
                            ?>
                                </div>
                            </div>
                        </div>

                    </div>
                </div><br>
            </form> 
        </div>
    </div>
</div>
</body>

</html>

最佳答案

所以你可以用这个替换你的所有代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>event list</title>
    <link rel="stylesheet" href="<?php echo base_url('asset/css/tabcontent.css'); ?>" type="text/css"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body style="text-align:left">
    <div class="container">
       <div class="row">
        <div class="col-lg-12">
            <form method="post" action="" >
                <div class="box">
                <legend>Add New Bundle</legend>
                    <div class="text_box3">
                        <div>
                            <ul class="nav nav-tabs tabs" id="tabs" data-persist="true">
                                <li class="selected"><a href="#view1" data-toggle="tab" onclick="$('.second').prop('checked', false);">All Images</a></li>
                                <li><a href="#view2" data-toggle="tab" onclick="$('.first').prop('checked', false);">Category</a></li>
                            </ul>
                            <div class="tabcontents tab-content">
                                <div id="view1" class="tab-pane" style="overflow-y:scroll; height:200px;">
                                    <?php 
                                        foreach ($get_all_img as $row){
                                            echo '<div height="50px">
                                            <label><input type="checkbox" name="first" class="first">';
                                            echo '</label></div>';
                                        }                                        
                                    ?>
                                </div>
                                <div id="view2" class="tab-pane" style="overflow-y:scroll; height:200px;">
                            <?php 
                                foreach($get_everything as $tasks){
                                    //echo "<pre>";
                                    //print_r($tasks);
                                echo '<div class="cat_name">'. $tasks['name'].'</div>';
                                echo "<ul>";
                                    foreach($tasks as $task){
                                                foreach($task as $p){ 
                                                    foreach($p as $pr){ 
                                                        echo '<div height="50px">
                                                        <label><input type="checkbox" name="second" class="second">';
                                                        echo '</label></div>';              
                                                    }                        
                                                }  
                                        }echo "</ul>";
                                }
                            ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><br>
            </form> 
        </div>
    </div>
</div>

<script type="text/javascript" src="<?php echo base_url('asset/js/tabcontent.js'); ?>"></script>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>   
</body>

</html>

关于javascript - 单击 javascript 和 php 中的选项卡菜单时清除或重置复选框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39637639/

26 4 0
文章推荐： javascript - mongodb continueOnError 不抑制重复键错误
文章推荐： javascript - 尽管文件存在，Node.js 文件系统访问仍返回 ENOENT
文章推荐： javascript - .load() 不适用于 ul li click
文章推荐： javascript - Google map 隐藏小屏幕上的控件
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com