gpt4 book ai didi

php - Bootstrap : active class

转载 作者:可可西里 更新时间:2023-10-31 23:38:47 27 4
gpt4 key购买 nike

在 Bootstrap 中,事件类 用于获取选定的单选按钮值。单击单选按钮时,active 类将添加到该按钮的标签中。提交表单后,带有事件标签的单选按钮值被发送以供进一步处理。

但是,当从 jquery 添加 active 类并提交表单 时,它不会发布/获取该按钮的值。为了完成这项工作,我必须使用事件类模拟点击单选按钮。

  • 我做错了什么吗?
  • 还有其他方法可以实现吗?

    <?php
    $value = 1;
    ?>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <script>

    function showOption() {
    $(document).ready(function () {

    $('#option_grp input[value=<?php echo "$value"?>]').parent('label').addClass('active').click();

    });
    }
    </script>
    </head>
    <body onload="showOption()">
    <div class="container">

    <form method="post" action="getValue.php">


    <div id="option_grp" class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary">
    <input type="radio" name="pr_type" value="1">Option 1
    </label>
    <label class="btn btn-primary">
    <input type="radio" name="pr_type" value="2">Option 2
    </label>

    </div>

    <input type="submit" name="submit" value="Submit">

    </form>
    </div>
    </body>
    </html>

getValue.php

    $pr_type=$_POST['pr_type'];
echo "pr_type : ".$pr_type;

最佳答案

为了在 POST 请求期间将单选按钮值发送到服务器,必须将其标记为“选中”。您可以通过多种方式执行此操作。

例如:

  1. 您可以模拟用户点击单选按钮,这将导致单选按钮被选中。
  2. 您可以通过将“checked”属性设置为“checked”来将单选按钮标记为选中。参见 this answer供引用。

两种方法都可以,但第二种方法更可取。选中单选按钮后,可以根据需要设置样式。使用可以使用 Bootstrap 类“active”或您喜欢的任何其他类,但样式与发送回服务器的内容无关。

关于php - Bootstrap : active class,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33195542/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com