2014-02-11 36 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很好的答案。 –