2014-02-11 35 views
1

我使用自举按钮组复选框与肘节。使用切换功能(礼貌 - 这里的一个帖子)轻松识别选定的选项。工作示例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(形式)的。

非常新手与web开发。需要帮忙。谢谢。

回答

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); 
    }); 
}); 

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

2

有很多方法可以做到这一点,如果你想用PHP提交表单比它非常简单,你可以添加一个类,并使用一个隐藏字段的点击,你可以添加一个类,把一个值上隐藏字段和提交后你可以很容易地获得所有值的隐藏字段。你可以很容易地检查隐藏字段的值,所以有了这个,你可以验证,以及用户选择任何按钮或不..

+0

我是为会计师。只是越来越多的网络技术。有没有可能用一个例子来指导?还是我问得太多了。真的不知道这个论坛是如何工作的。 – user3017186

+0

Shiv很好的答案。 –