Checkbox Populate Form Fields

回眸只為那壹抹淺笑 提交于 2019-12-11 18:52:13

问题


I wish to use a checkbox to populate form fields.

Example User Flow:
Visitor fills out shipping info fields like name, address, zip, city.
Visitor has option to checkbox to auto populate billing info fields.
If user checks "same as billing info" checkbox, the shipping info fields
with input data are copy / pasted into billing info fields.

Please visit: http://staelements.com/register

Is J$ is best way to achive this?
Please tell me if there is a better solution.
Thanks for your attention good citizen!


回答1:


you can use Jquery to achive this .. first load the propery jquery library to your project or page ..

then if your checkbox is like this

<input type="checkbox" id="checkbox1" />

<!-- account form fields  -->
<input type="text" id="name" />
<input type="text" id="phone" />

<!-- billing form fields-->
<input type="text" id="name_billing" />
<input type="text" id="phone_billing" />

$(document).ready(function(){
 $("#checkbox1").change(function() {
  if(this.checked) {
   alert("checked ");
    //get the values of the filled fields
    $name = $("#name").val();
    $phone = $("#phone").val();
    console.log("name");
    // then add those values to your billing infor window feilds 

    $("#name_billing").val($name);
    $("#phone_billing").val($phone);

    // then form will be automatically filled .. 

  }
  else{
   $('#name_billing').val('');
   $("#phone_billing").val('');
  }
 });
});

check the js fiddle http://jsfiddle.net/2kt0usfx/

if you want to remove the values when uncheck , just

I did not test this , but hope this will work for you



来源:https://stackoverflow.com/questions/25321386/checkbox-populate-form-fields

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!