チェックボックスをオンにすると、警告テキストボックスが空になります

Question

これは少し混乱するかもしれませんが、私には負担がかかるかもしれません。 私は2つのテキストボックスと1つのチェックボックスが必要です。 チェックボックスをオンにすると、テキストボックスがいっぱいになっているかどうかをチェックする必要があります。 テキストボックスが入力されている場合、何も行われません。

私は本当にこれで苦労しているので、本当に感謝します。 あなたが私が言ったことを理解していないなら、ここで私が解決する必要がある質問があります。

* order.htmlページでは、請求先住所のフィールドの近くの適切な場所に、「配送先住所と同じ」というラベルのチェックボックスを作成します。このチェックボックスをオンにすると、請求先住所のフィールドに自動的に配送先住所が入力されます。このチェックボックスが選択されているときに配送先住所が完了していない場合は、アラートまたはインラインメッセージを表示します。「最初に配送先住所を入力してください。 *

私は

function copy() { 
var daddress = document.getElementById("daddress"); 
var baddress = document.getElementById("baddress"); 
baddress.value = daddress.value; 
var dpost = document.getElementById("dpost"); 
var bpost = document.getElementById("bpost"); 
bpost.value = dpost.value; 
} 

（アドレスとポストコードが分離されている）。これらのコードとの重複部分を行うことができた。しかし、私はこの後の部分を把握することはできません。

<textarea id="delivery-address"></textarea> 

その後、あなたがそれの内容を取得するにはJavaScriptを使用します。ここでは

は、チェックボックスを使用すると、アドレスをテキストエリアを使用することができます。この場合

<input id="duplicate" type="checkbox" name="duplicate" 
value="Duplicate" onClick="copy();"/>Same as delivery address 
<p id="dalert"><b><i>Please  enter your delivery address first</i></b><p> 

Answer 1

ためのコードです：

var deliveryAddress = document.getElementById("delivery-address").value.trim(); 

広告を入力したかどうかを確認するドレス、あなたが使用します。

if (deliveryAddress === "") { ... } 

ほとんどの場合、アドレスは、多くの場合、いくつかの入力に住所のための2つのライン、市、州および郵便番号の入力を分割することでしょう。

警告がそうのように表示されます。

alert('Some text'); 

Answer 2

あなたがそれらを設定する前に、すべての入力がありますかどうかをチェックするif文を使用することができます。

if (daddress.value && dpost.value) { 
    baddress.value = daddress.value; 
    bpost.value = dpost.value; 
} else { 
    alert('Please enter your delivery address first!'); 
    e.preventDefault(); // Stops checkbox from becoming checked. 
} 

JSFiddle

編集：e.preventDefault()を使用することを言及するのを忘れた場合、あなたは電子パラメータ（function copy(e) {...}）を受け入れ、あなたのonclickイベント（onclick="copy(event)"）でeventを渡すためにあなたの関数を変更する必要があります。それらはJSFiddleに表示されます。