JSFiddle - React, Tailwind, and code Playground

by dvanauken

HTML

<body>
  <p id="hello">Hello World</p>
  <input type="text" name="task[]" value="abq" />
  <input type="text" name="task[]" value="btv" />
  <input type="text" name="task[]" value="ord" />
  <input type="text" name="task[]" value="mty" />
  <br />
  <button id="btnTest1">Test1</button>
  <button id="btnTest2">Test2</button>
  <button id="btnTest3">Test3</button>
  <button id="btnTest4">Test4</button>
  <br />
  <button id="btnTest5">Test5-JSON-Serialize</button>
  <br />
  <button id="btnTest6">Test6</button>

</body>

JavaScript

$('#btnTest1').on('click', function() {
  var value = $("input[name='task[]']")
    .map(function(){
    	return $(this).val();
    }).get(1);
  alert('Test1=' + value);
});

$('#btnTest2').on('click', function() {
  var value = $("input[name='task[]']")
    .map(function(){
    	return $(this).val();
    }).get();
  alert('Test2=' + value[1]);
});

$('#btnTest3').on('click', function(){
  $("input[name='task[]'").each(function() {
     alert('Test3=' + $(this).val());
  });
});

$('#btnTest4').on('click', function(){
  var value = $("input[name='task[]'").get(0);
  alert('Test4=' + $(value).val());
});

$('#btnTest5').on('click', function(){
  var object = $("input[name='task[]']");
  var object = $("input[name='task[]']")
    .map(function(){
    	return $(this).val();
   }).get();
    
  //var myObj = {foo: "bar", "baz": "wockaflockafliz"};
  //$.toJSON(myObj);  
    
  //alert($.toJSON(object));
  alert(JSON.stringify(object, null, 1, '\t'));
  //alert('Test4' + JSON.stringify(object, ['context'], 1));
  //alert('Test4' + object);
});

/*
{
  "ABQ": "Albuquerque",
  "Destinations":
  [
    "abq",
    "btv",
    "ord",
    "mty"
  ],
  "Address": {
    "Street": "4816 Juan Tebow"
  }
}
*/



$('#btnTest6').on('click', function(){

  //var value = $("input[name='task[]'").get(0);
  //alert($(value).val());
  
    var value = $('input[name="task[]"]:eq(1)').val();
  alert(value);

  
});