creativetimofficial / material-bootstrap-wizard

Material Bootstrap Wizard - Bootstrap wizard based on Material Design
http://demos.creative-tim.com/material-bootstrap-wizard/wizard-book-room.html
MIT License
81 stars 79 forks source link

can't get the value of checked radio with php #10

Open mouad-mahfoud opened 7 years ago

mouad-mahfoud commented 7 years ago

when i submitted the form, radio gave nothing. could you give me an advice to that? thank you

alexandru-paduraru commented 7 years ago

@mouad-mahfoud thank you for using our product. Do you have an example so we can check?

Best, Alex

mrosenlund commented 6 years ago

I have the exact same problem. When using your default template as well. The wizard-radio with tooltips. It doesn't recognize any of them selected. I can't set them to required or anything, it continually won't proceed when set to required. If not set to required when you finish it doesn't send the information.

iSafaArea65 commented 5 years ago

Having the same issue, still looking for a solution :(

iSafaArea65 commented 5 years ago

Currently I'm using this workaround:

<div class="col-md-4 cxol-sm-offset-2">
   <div class="choice" data-toggle="wizard-radio" style="margin-top:5px; padding-top:5px" onclick="radio_on_click(1)">
      <input type="radio" name="v_insta_dim" value="insta_seq">
      <div class="card card-checkboxes card-hover-effect">
         <i class="ti"><img src="assets/img/des-seq-on.png" /></i>
         <p>Square</p>
      </div>
   </div>
</div>
<div class="col-md-4">
   <div class="choice" data-toggle="wizard-radio" style="margin-top:5px; padding-top:5px" onclick="radio_on_click(2)">
      <input type="radio" name="v_insta_dimx" value="insta_reqtangle">
      <div class="card card-checkboxes card-hover-effect btn-default">
         <i class="ti"><img src="assets/img/des-wide-on.png" /></i>
         <p>Wide</p>
      </div>
   </div>
</div>
<div class="col-md-4">
   <div class="choice" data-toggle="wizard-radio" style="margin-top:5px; padding-top:5px" onclick="radio_on_click(3)">
      <input type="radio" name="v_insta_dimx" value="insta_wide">
      <div class="card card-checkboxes card-hover-effect btn-default">
         <i class="ti"><img src="assets/img/des-req-on.png" /></i>
         <p>Rectangle</p>
      </div>
   </div>
</div>

And calling this function on click

function radio_on_click(x) {

switch (x) {

    case 1:
        document.getElementById("sum_inst_size").innerHTML = "Square";

        break;
    case 2:
        document.getElementById("sum_inst_size").innerHTML = "Wide";

        break;
    case 3:
        document.getElementById("sum_inst_size").innerHTML = "Rectangle";

        break;
}}</code>