Question

在bootstrap中，活动类用于获取选定的单选按钮值。单击单选按钮时，活动类将添加到该按钮的标签中。提交带有活动标签的单选按钮的表单值后，将进行进一步处理。

但是，当从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;

Answer 1

为了在POST请求期间将单选按钮值发送到服务器，必须将其标记为“已选中”。你可以通过多种方式实现这一目标。

例如：

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

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

Bootstrap：活动类

1 个答案: