How to convert data from a form to JSON [Answered]RSS

• • Reply
  slkim

  Member

  22 Points

  143 Posts

  How to convert data from a form to JSON

  Jan 14, 2019 10:23 AM|slkim|LINK

  I want to convert the Value of the radio button on the form to Json and save it as a file.

  Can you tell me which part is the problem now that the last value is stored?

  <td class="center">
                                              <div class="radio pl-5">
                                                  <label>
                                                      <input type="radio" name="DoTeam_Medal1" id="DoTeam_Medal1" value="gold">
                                                      1등
                                                  </label>
                                                  <label>
                                                      <input type="radio" name="DoTeam_Medal1" id="DoTeam_Medal1" value="sliver">
                                                      2등
                                                  </label>
                                                  <label>
                                                      <input type="radio" name="DoTeam_Medal1" id="DoTeam_Medal1" value="bronze">
                                                      3등
                                                  </label>
                                              </div>
                                          </td>
  
  
          (function() {
              function toJSONString(form){
                  var obj = {};
                  var elements = form.querySelectorAll("input, select");
  
                  for(var i = 0; i < elements.length; ++i){
                      var element = elements[i];
                      var id = element.id;
                      var value = element.value;
  
                      if(id) obj[id] = value;
                  }
  
                  var obj_s = JSON.stringify(obj, null, "\t");
  
                  var dataUri = "data:application/json;charset=utf-8,"+ encodeURIComponent(obj_s);
                  var link = $("#link").attr("href", dataUri);
  
                  return JSON.stringify(obj, null, "\t");
                  
              }
  
              document.addEventListener( "DOMContentLoaded", function() {
  
  		        var form = document.getElementById( "info" );
  		        var output = document.getElementById( "output" );
  
  		        form.addEventListener( "submit", function( e ) {
  			        e.preventDefault();
  
  			        var json = toJSONString(this);
  			        output.innerHTML = json;
  
  		        }, false);
  
  	        });
  
  
          })();

• • Reply
  bruce (sqlwo...

  All-Star

  51264 Points

  12327 Posts

  Re: How to convert data from a form to JSON

  Jan 14, 2019 04:59 PM|bruce (sqlwork.com)|LINK

  normally you would use the name rather than the id. for checkbox and radio you check if checked:

  // handle checkbox, radio
  if (id && (["radio","checkbox"].indexOf(element.type) < 0 || element.checked)) 
     obj[id] = value;
  
  
  // should really include disabled for full compatability
  if (id && !element.disabled && (["radio","checkbox"].indexOf(element.type) < 0 || element.checked)) 
     obj[id] = value;
  

  bruce (sqlwork.com)