Javascript 用一个按钮同时编辑字段

当前情景：

这几天我都很沮丧，现在我不知道该怎么办了，基本上我有一个表单，你可以在其中编辑和保存每个输入字段的记录。i、 e.名、姓等。。我没有收到任何错误，一切正常

要求：

现在我想一起保存和编辑firstName和lastName输入字段，而是分别编辑和保存firstName和lastName输入字段。现在它们都是不同的输入id

问题:

如果我想用按钮同时编辑firstName和lastName，如何通过调用同一个类来实现这一点

我怎样才能做到这一点？谢谢

代码：

{{ form_start(form,{'multipart':'true','attr':{'class':'myform'}}) }}
  <label>First Name</label><br/>
  {{ form_widget(form.userinfo.firstName,{'id':'inputName','attr':{'class':'form-control inputName','placeholder':'name','disabled':'disabled'}}) }}
  {{ form_errors(form.userinfo.firstName) }}
  <input type="button" value="Edit" id="inputName-edit" class="btn btn-game link-btn" data="inputName"/>
  <input type="button" value="Done" id="inputName-save" class="btn btn-game link-btn-save" data="inputName"/>

  <label>Last Name</label><br/>
  {{ form_widget(form.userinfo.lastName,{'id':'lastName','attr':{'class':'form-control lastName','placeholder':'Last name','disabled':'disabled'}}) }}
  {{ form_errors(form.userinfo.lastName) }}
  <input type="button" value="Edit" id="lastName-edit" class="btn btn-game link-btn" data="lastName"/>
  <input type="button" value="Done" id="lastName-save" class="btn btn-game link-btn-save" data="lastName"/>
{{ form_end(form) }}

我想要这样

{{ form_start(form,{'multipart':'true','attr':{'class':'myform'}}) }}
  <label>First Name</label><br/>
  {{ form_widget(form.userinfo.firstName,{'id':'inputName','attr':{'class':'form-control inputName','placeholder':'name','disabled':'disabled'}}) }}
  {{ form_errors(form.userinfo.firstName) }}


  <label>Last Name</label><br/>
  {{ form_widget(form.userinfo.lastName,{'id':'lastName','attr':{'class':'form-control lastName','placeholder':'Last name','disabled':'disabled'}}) }}
  {{ form_errors(form.userinfo.lastName) }}

  <input type="button" value="Edit" id="inputName-edit" class="btn btn-game link-btn" data="inputName"/>
  <input type="button" value="Done" id="inputName-save" class="btn btn-game link-btn-save" data="inputName"/>

{{ form_end(form) }}

{form_start（form，{'multipart'：'true'，'attr'：{'class'：'myform'}}}}
名字

{{form_小部件（form.userinfo.firstName，{'id'：'inputName'，'attr'：{'class'：'form-control inputName'，'placeholder'：'name'，'disabled'：'disabled'}}}}
{{form_errors（form.userinfo.firstName）}
姓氏

{{form_小部件（form.userinfo.lastName，{'id'：'lastName'，'attr'：{'class'：'form-control lastName'，'placeholder'：'lastName'，'disabled'：'disabled'}}}}
{{form_errors（form.userinfo.lastName）}
{{form_end（form）}}

在中重新创建，您可以打赌更多答案。

{{ form_start(form,{'multipart':'true','attr':{'class':'myform'}}) }}
  <label>First Name</label><br/>
  {{ form_widget(form.userinfo.firstName,{'id':'inputName','attr':{'class':'form-control inputName','placeholder':'name','disabled':'disabled'}}) }}
  {{ form_errors(form.userinfo.firstName) }}


  <label>Last Name</label><br/>
  {{ form_widget(form.userinfo.lastName,{'id':'lastName','attr':{'class':'form-control lastName','placeholder':'Last name','disabled':'disabled'}}) }}
  {{ form_errors(form.userinfo.lastName) }}

  <input type="button" value="Edit" id="inputName-edit" class="btn btn-game link-btn" data="inputName"/>
  <input type="button" value="Done" id="inputName-save" class="btn btn-game link-btn-save" data="inputName"/>

{{ form_end(form) }}