-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(){

姓名から情報を取得し、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の「attribute equals」セレクターを使用して姓と名の要素を取得し（それらを取得する唯一の方法はname属性によるものであるため）、 でそれらの値を取得し.val()、最終的なテキストボックスの値を設定します。

チェックボックスがチェックされているときに「nameOnCard」要素を設定するために、少し余分なものを追加してreadonly、チェックボックスがチェックされているときに入力できないようにしました。

クリック時にチェックボックスをオンにすると、姓名をコピーします。チェックボックスをオフにすると、値が空に設定されます。

参考文献:

于 2013-04-16T13:32:43.727 に答える