验证并捕获选定的按钮组复选框

时间:2014-02-11 16:42:21

标签: javascript php jquery validation twitter-bootstrap

我正在使用带有切换的bootstrap button-group复选框。要轻松识别所选选项,请使用切换功能(礼貌 - 此处的帖子之一)。工作示例here

<div class="form-group">
<label class="sr-only" for="Test">Boxes</label>
<div class="controls" name="Test"> 
<div class="btn-group" data-toggle="buttons-checkbox">
<div class="btn btn-default" class-toggle="btn-info">AA</div>
<div class="btn btn-default" class-toggle="btn-info">BB</div>
<div class="btn btn-default" class-toggle="btn-info">CC</div>
</div>
</div>
</div>

难倒:

1)如何验证用户必须至少选择1个按钮 2)如何捕获要发送到PHP(表单)的所选按钮的值。

非常适合网络开发。需要帮忙。感谢。

2 个答案:

答案 0 :(得分:2)

如果你想用PHP提交一个表单,有很多方法可以做到这一点你可以添加一个类并在点击上使用隐藏字段你可以添加一个类并在隐藏字段上放一个值提交您可以轻松获取隐藏字段的所有值。您可以轻松检查隐藏字段的值,因此您可以验证用户是否选择任何按钮..

答案 1 :(得分:2)

假设您有三个按钮,如下所示:

<input type="button" class="button" value="Button1">
<input type="button" class="button" value="Button2">
<input type="button" class="button" value="Button3">

您可以使用如下所示的数组创建一个隐藏字段:

<input type="hidden" class="newField" name="buttonValue[]">

现在,在Jquery中使用它:

$(document).ready(function(){
    $('.button').click(function(){
        var values = $(this).val();
        $('.hidden').val(values);
    });
});

现在当您提交表单时,您可以轻松地从该字段获取值并进行相应的验证。