0

検索を行いましたが、特定の問題を理解するのに役立つものは見つかりませんでした。顧客の住所用のテキストボックス、会社の住所用のテキストボックス、および住所が同じであるかどうかをマークするチェックボックスがあります。チェックボックスを取得して、会社の住所に顧客の住所をonclickで入力し、onclickで入力を解除する必要があります。jquery とストレートな JavaScript DOM 操作でいくつかの異なる方法を使用してみましたが、最も成功したのは次のコードで、biz_street テキストボックスに cust_street 値を入力するだけで、理由がわかりません。jqueryまたはストレートjavascriptのいずれかで、いくつかの助けをいただければ幸いです。phpは使用できません(残念ながら)。

ここではjsfiddleにあります(rjmunroの提案によると、良い考えです:)):http://jsfiddle.net/yN73w/1/まったく機能していません

ここにjqueryがあります:

$("#same_box").click(function () {
var v = $("#cust_street").val();
var x = $("#cust_city").val();
var y = $("#cust_state").val();
var z = $("#cust_zip").val();

$("#biz_street").val(v);
$("#biz_city").val(x);
$("#biz_state").val(y);
$("#biz_zip").val(z);
});

またはもっと簡単に:

$("#same_box").click(function () {
$("#biz_street").val($("#cust_street").val());
$("#biz_city").val($("#cust_city").val());
$("#biz_state").val($("#cust_state").val());
$("#biz_zip").val($("#cust_zip").val());
});

そしてHTML:

    <label id="cus_street_label">Street</label></br>
    <input type="text" name="cust_street" id="cust_street" style="width:90%" /></br>

<div id="cus_city">
    <label id="cus_city_label">City</label></br>
    <input type="text" name="cust_city" id="cust_city" style="width:100%" /></br>
</div>
<div id="cus_state">
    <label id="cus_state_label">State</label></br>
    <input type="text" name="cust_state" id="cust_state" style="width:70%" /></br>
</div>
<div id="cus_zip">
    <label id="cus_zip_label">Zip</label></br>
    <input type="text" name="cust_zip" id="cust_zip" style="width:65%" /></br>
</div>

    <input type="checkbox" name="same_box" id="same_box" >Address Same as Customer</input></br>

<label id="biz_street_label">Street</label></br>
<input type="text" name="biz_street" id="biz_street" style="width:90%" /></br>

<div id="biz_city">
     <label id="biz_city_label">City</label></br>
     <input type="text" name="biz_city_box" id="biz_city_box" style="width:100%" /></br>
</div>
<div id="biz_state">
    <label id="biz_state_label">State</label></br>
    <input type="text" name="biz_state_box" id="biz_state_box" style="width:70%" /></br>
</div>
<div id="biz_zip">
    <label id="biz_zip_label">Zip</label></br>
    <input type="text" name="biz_zip_box" id="biz_zip_box" style="width:80%" /></br>
</div>

助けていただきありがとうございます。検索でこのようなトピックを見逃していた場合はお詫び申し上げます。

(また、関係ありませんが、なぜfunction formReset() { document.getElementById("customer").reset(); }Firefoxで動作しないのですか?Chromeでしか動作しないようです)

4

1 に答える 1

0

( http://jsfiddle.net/7HGNx/のように、JSFiddle で jQuery を選択する必要があります)

コードは を参照していますbiz_cityが、要素の ID はbiz_cty_boxです。

マウスなしでオプションが変更されたときに発生するため、おそらくクリックにアタッチしたくないでしょう。おそらく変更イベントをリッスンしたいでしょう。また、変更がボックスのチェックを外すのではなく、ボックスにチェックを入れていることも確認します。

$("#same_box").change(function (e) {
    if ($(this).is(":checked")) {
        .
        .
        .
    }
}
于 2013-02-24T22:33:43.393 に答える