我希望使用复选框填充表单字段。
示例用户流程
访客填写运输信息字段,如姓名,地址,邮编,城市
访问者可以选中复选框以自动填充结算信息字段
如果用户检查"与结算信息相同"复选框,发货信息字段
将输入数据复制/粘贴到计费信息字段中。
请访问:http://staelements.com/register
J $是实现这个目标的最佳途径吗? 请告诉我是否有更好的解决方案 感谢您的关注好公民!
答案 0 :(得分:6)
你可以使用Jquery来实现这个..首先将propery jquery库加载到你的项目或页面..
然后,如果你的复选框是这样的
<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('');
}
});
});
检查js fiddle http://jsfiddle.net/2kt0usfx/
如果要在取消选中时删除值,只需
我没有对此进行测试,但希望这对您有用