Submit-Button funktioniert nicht in bootstrap btn-group-Klasse

Question

Könnten Sie bitte beraten, wie das Bootstrap-Btn-Gruppe-Element, das aus einem Senden-Button besteht und die übrigen Schaltflächen arbeiten als Kontrollkästchen zu implementieren. Eigentlich habe ich das erwähnt, aber mein Submit-Button funktioniert nicht und wenn es gedrückt wird, passiert nichts. Hier ist, was ich habe jetzt:

<form class="form-group" action ="" method = "get" novalidate> 
<div class="btn-group-vertical" data-toggle="buttons"> 
    <button type="submit" class="btn btn-success">Search</button> 
    <label class="btn btn-primary"> 
     <input type="checkbox" name="select_tag" value="2" id="id_select_tag_0" /> Mysql 
    </label > 
    <label class="btn btn-primary"> 
     <input type="checkbox" name="select_tag" value="3" id="id_select_tag_1" /> Disk health 
    </label2>  
</div> 
</form> 

And the block looks like this

Wenn ich Taste setzen vorlegen aus dem BTN-Gruppenblock funktioniert es:

<form class="form-group" action ="" method = "get" novalidate> 
<button type="submit" class="btn btn-success">Search</button> 
... 

However, it looks ugly

So ist es möglich, dass viele Buttons als Checkboxen funktionieren und eine, die in einer Bootstrap-Button-Gruppe als Submit funktioniert?

Answer 1

Sie können es mit Javascript tun:

<form class="form-group" action ="" method = "get" novalidate> 
<div class="btn-group-vertical" data-toggle="buttons"> 
    <button type="button" onClick="javascript:document.forms[0].submit();" class="btn btn-success">Search</button> 
    <label class="btn btn-primary"> 
     <input type="checkbox" name="select_tag" value="2" id="id_select_tag_0" /> Mysql 
    </label > 
    <label class="btn btn-primary"> 
     <input type="checkbox" name="select_tag" value="3" id="id_select_tag_1" /> Disk health 
    </label2>  
</div> 
</form> 

Answer 2

Sieht aus wie Sie einige seltsame Räume in Ihrem Formularelement haben und stellen Sie nicht eine Aktion aus.

Versuchen Sie ersetzen:

<form class="form-group" action ="" method = "get" novalidate>

Mit

<form class="form-group" action="#" method="get" novalidate>