PHP: Bootstrap Buttons Not Evaluating/Registering

Question

The following code is HTML for a form through Bootstrap 3. All the CSS and JS is stock. This snippet is part of a bigger form that is of method post and the action loops the page (that is to say the action is the same URL as the page itself).

                        <div class="form-group">

                            <div class="col-sm-12 text-center">

                                <label for="inputName" class="col-sm-5 control-label"><abbr title="Please select how you are paying today">How Are You Paying Today? (Optional)</abbr></label>


                                    <div class="btn-group" role="group" aria-label="...">
                                      <button type="button" class="btn btn-default" data-toggle="button" name="cash" id="cash" checked><span class="glyphicon glyphicon-usd"></span> Cash</button>
                                      <button type="button" class="btn btn-default" data-toggle="button" name="card" id="card" checked><span class="glyphicon glyphicon-credit-card"></span> Card Of Some Sort</button>
                                      <button type="button" class="btn btn-default" data-toggle="button" name="IOU" id="IOU" checked><span class="glyphicon glyphicon-info-sign"></span> IOU (Favor)</button>
                                      <button type="button" class="btn btn-default" data-toggle="button" name="Other" id="Other" checked><span class="glyphicon glyphicon-question-sign"></span> Other</button>
                                    </div>

                            </div>

                        </div>
...

This is a basic test method to see if cash is selected.

                        <?php 

                            if(isset($_POST['cash']))
                            {


                                echo "cash selected";

                            }

                        ?>

Nothing echoed. Eventually I want to have it where whichever button is selected gets passed to a PHP script to be stored in a database. But when the form is submitted, it looks like the button is selected, but it does not get submitted. Still pretty new to Bootstrap, so I'm learning all the CSS tricks and what not.

Any ideas why this information isn't passed to the PHP script?

EDIT: Updated some code at the advice of Fred. Here is the present HTML.

                                    <div class="btn-group" role="group" aria-label="...">
                                      <button type="submit" class="btn btn-default" data-toggle="button" name="cash[]" id="cash" checked><span class="glyphicon glyphicon-usd"></span> Cash</button>
                                      <button type="submit" class="btn btn-default" data-toggle="button" name="card[]" id="card" checked><span class="glyphicon glyphicon-credit-card"></span> Card Of Some Sort</button>
                                      <button type="submit" class="btn btn-default" data-toggle="button" name="IOU[]" id="IOU" checked><span class="glyphicon glyphicon-info-sign"></span> IOU (Favor)</button>
                                      <button type="submit" class="btn btn-default" data-toggle="button" name="Other[]" id="Other" checked><span class="glyphicon glyphicon-question-sign"></span> Other</button>
                                    </div>

<button type="button" will not work for POST method. Use <button type="submit" ... name="cash"... — Funk Forty Niner
– Funk Forty Niner, Commented Dec 22, 2014 at 5:39
I just noticed the "checked" part. @Waki is right. Since you have 2x elements of the same name. You would also need to change that to name="cash[]" because you'll only get one value back and needs to be treated as an array. Or use a <select> as Waki said and use a submit button to process the whole thing. However, what I initially said, still does stand true about button types. — Funk Forty Niner
– Funk Forty Niner, Commented Dec 22, 2014 at 5:44
I take it the array principle needs to be applied to all names? @Fred-ii- — Andrew L
– Andrew L, Commented Dec 22, 2014 at 5:49

Funk Forty Niner · Accepted Answer · 2014-12-22 06:12:16Z

2

You have two choices. A dropdown select or radio buttons, which would give them only a single option.

Dropdown select:

<select size="1" name="payment">
    <option value="cash">cash</option>
    <option value="card">card</option>
    <option value="IOU">IOU</option>
    <option value="Other">Other</option>
</select>

or radio buttons:

<input type="radio" value="cash" name="payment">Cash
<input type="radio" value="Card" name="payment">Card
<input type="radio" value="IOU" name="payment">IOU
<input type="radio" value="Other" name="payment">Other

<input type="submit" value="Submit payment" name="submit">
<input type="reset" value="Reset" name="reset">

Then do:

if(isset($_POST['submit']) && isset($_POST['payment'])){

    $payment = $_POST['payment'];

    echo $payment;
}

answered Dec 22, 2014 at 6:12

Funk Forty Niner

74.2k14 gold badges71 silver badges146 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andrew L Over a year ago

I like! Will try this out. Thanks @Fred -ii-

Collectives™ on Stack Overflow

PHP: Bootstrap Buttons Not Evaluating/Registering

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related