如何使用javascript或jquery或angularjs将表单输入按钮保存到json文件中?

时间:2016-01-06 08:58:41

标签: javascript jquery html angularjs json

我的html文件中有表单(<input type="button">),所以对于每个输入按钮,我需要在点击提交按钮后使用jquery或javascript或angularjs将这些值存储在我的json文件/对象中?我创建了Fiddle,但我不确定我在哪里做错了?请帮助我这方面,并提前感谢。

1 个答案:

答案 0 :(得分:2)

没有得到你的确切要求,但我认为你可以做这样的事情:

(function(){

var buttonValue = {};
   


$("#submit").click(function(){
 $("input[type=button]").each(function($i){
 var name =$(this).attr('name')     
 buttonValue[name]=$(this).val();
});
});

$("#seeData").click(function(){
 console.log(buttonValue);
});

}())
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='button' value='button1' class='button' name='firstButton'/>
<input type='button' value='button2' class='button' name='secondButton'/>
<input type='button' value='button3' class='button' name='thirdButton'/>

<input type='submit' value='submit' id='submit'>
<button id='seeData'>See Data In Console</button>