How can I change radio buttons to Bootstrap buttons
<p>I am trying to change radio buttons in PHP to buttons from Bootstrap.</p>

<p>(I would also like to get rid of the submit button at the bottom of the page and have these submit the answer.)</p>

<p><a href="https://i.stack.imgur.com/TOUdO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TOUdO.png" alt="enter image description here"></a></p>

<p><strong>This code works but it uses radio buttons:</strong> </p>

<pre><code>    &lt;div id='javatbd&lt;?php echo $myfname; ?&gt;' class='col-xs-12 form-group answer-item radio-item radio' &lt;?php echo $sDisplayStyle; ?&gt; &gt;
        &lt;input
            class="radio"
            type="radio"
            value="&lt;?php echo $code; ?&gt;"
            name="&lt;?php echo $name; ?&gt;"
            id="answer&lt;?php echo $name.$code; ?&gt;"
            &lt;?php echo $checkedState;?&gt;
            onclick="if (document.getElementById('answer&lt;?php echo $name; ?&gt;othertext') != null) document.getElementById('answer&lt;?php echo $name; ?&gt;othertext').value='';checkconditions(this.value, this.name, this.type)"
            aria-labelledby="label-answer&lt;?php echo $name.$code; ?&gt;"
         /&gt;
        &lt;label for="answer&lt;?php echo $name.$code; ?&gt;" class="control-label radio-label"&gt;&lt;/label&gt; 
        &lt;div class="label-text label-clickable" id="label-answer&lt;?php echo $name.$code; ?&gt;"&gt;
            &lt;?php echo $answer; ?&gt;
        &lt;/div&gt;
    &lt;/div&gt;
.
.
.
    &lt;div class="col-xs-6 save-all text-right"&gt;
                &lt;button type="submit" id="movesubmitbtn" value="movesubmit" name="movesubmit" accesskey="l" class="submit button btn btn-lg  btn-primary"&gt;Submit&lt;/button&gt;
            &lt;/div&gt;
</code></pre>

<p><strong>I've tried this but it does not send the value.</strong>
<a href="https://i.stack.imgur.com/VxnMY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VxnMY.png" alt="enter image description here"></a>  </p>

<pre><code> &lt;div id='javatbd&lt;?php echo $myfname; ?&gt;' class='col-xs-12 form-group answer-item radio-item btn' &lt;?php echo $sDisplayStyle; ?&gt; &gt;

       &lt;div class="container-fluid"&gt;
             &lt;input
                class="btn btn-primary btn-block"
                type="button"
                value="&lt;?php echo $code; ?&gt;"
                name="&lt;?php echo $name; ?&gt;"
                id="answer&lt;?php echo $name.$code; ?&gt;"
                &lt;?php echo $checkedState;?&gt;
                onclick="if (document.getElementById('answer&lt;?php echo $name; ?&gt;othertext') != null) document.getElementById('answer&lt;?php echo $name; ?&gt;othertext').value='';checkconditions(this.value, this.name, this.type)"
                aria-labelledby="label-answer&lt;?php echo $name.$code; ?&gt;"
            /&gt;
       &lt;/div&gt;
    &lt;/div&gt;
</code></pre>