在 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 请求期间将单选按钮值发送到服务器,必须将其标记为“选中”。您可以通过多种方式执行此操作。
例如:
- 您可以模拟用户点击单选按钮,这将导致单选按钮被选中。
- 您可以通过将“checked”属性设置为“checked”来将单选按钮标记为选中。参见 this answer供引用。
两种方法都可以,但第二种方法更可取。选中单选按钮后,可以根据需要设置样式。使用可以使用 Bootstrap 类“active”或您喜欢的任何其他类,但样式与发送回服务器的内容无关。
关于php - Bootstrap : active class,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33195542/