-1

我在表单中有以下名称和姓氏的文本输入：

<label>First name: </label></td>
<input type="text" name="firstName">
<label>Last name: </label></td>
<input type="text" name="lastName"></td>

然后我有另一个用于信用卡持有人的文本输入，后跟一个复选框：

<input type="text" size="20" id="nameOnCard" name="nameOnCard" data-stripe="name"/></td>
<input type="checkbox" id="sameNameOnCard">

每当用户单击复选框时，我希望 #nameOnCard 输入中填满名字和姓氏。

我从这样的脚本开始：

$(document).ready(function(){
    $("#sameNameOnCard").click(function(){

我应该如何从 Firts 和 Last Names 中检索信息并将其插入 nameOnCard 框中？

谢谢！

4

2 回答 2

2

尝试：

$(document).ready(function(){
    $("#sameNameOnCard").on("click", function () {
        var firstName, lastName;
        if ($(this).is(":checked")) {
            firstName = $('[name="firstName"]').val();
            lastName = $('[name="lastName"]').val();
            $("#nameOnCard").val(firstName + " " + lastName).prop("readonly", true);
        } else {
            $("#nameOnCard").val("").prop("readonly", false);
        }
    });
});

演示：http: //jsfiddle.net/hF26S/1/

它将使用 jQuery“属性等于”选择器获取名字和姓氏元素（因为获取它们的唯一方法是通过name属性），使用 获取它们的值.val()，然后设置最终文本框的值。

我添加了一些额外的东西，将“nameOnCard”元素设置为readonly选中复选框时，这样他们就不能在选中时输入它。

如果在单击时选中该复选框，则会复制名字和姓氏。如果未选中该复选框，则将值设置为空。

参考：

于 2013-04-16T13:32:43.727 回答
-1

尝试这个

 $(document).ready(function(){
        $("#sameNameOnCard").click(function(){
        if($(this).is(":checked"))
        {
             $("#nameOnCard").val($("input:[name=firstName]").val() + " " + $("input:[name=lastName]").val());
        }
        else
        {
               $("#nameOnCard").val("");
        }
    });
于 2013-04-16T13:35:39.240 回答