php – Bootstrap：活动类

发布时间：2020-12-13 15:58:38 所属栏目：PHP教程来源：网络整理

导读：在引导程序中,活动类用于获取选定的单选按钮值.单击单选按钮时,会将活动类添加到该按钮的标签.提交带有活动标签的单选按钮的表单值后,将进行进一步处理. 但是,当从jquery添加活动类并提交表单时,它不会发布/获取该按钮的值.为了完成这项工作,我必须模拟带有

在引导程序中,活动类用于获取选定的单选按钮值.单击单选按钮时,会将活动类添加到该按钮的标签.提交带有活动标签的单选按钮的表单值后,将进行进一步处理.

但是,当从jquery添加活动类并提交表单时,它不会发布/获取该按钮的值.为了完成这项工作,我必须模拟带有活动类的单击单选按钮.

>我做错了什么？
>有没有其他方法可以实现这一目标？

<?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请求期间将单选按钮值发送到服务器,必须将其标记为“已检查”.你可以通过多种方式实现这一目标.

例如：

>您可以模拟用户单击单选按钮,这将导致选择单选按钮.
>您可以通过将“已检查”属性设置为“已选中”来标记选中的单选按钮.请参阅this answer以供参考.

无论哪种方式都应该有效,但第二种方法更可行.选中单选按钮后,可以根据需要设置样式.使用可以使用Bootstrap类’active’或您喜欢的任何其他类,但样式将与发送回服务器的内容无关.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!