使用JavaScript取消選中復選框時清除字段

Question

我當前正在創建一個表單，其中包含幾個物理地址字段和郵政地址字段，因此，如果用戶填寫了物理地址，並且郵政地址與物理用戶相同，則需要選中該框以復制相同的信息，這是我成功完成的，但是我的目標是當用戶取消選中復選框時，必須清除/刪除復制到郵政地址中的信息。 我哭了要復制一條else語句，並為Java重復同一段代碼，然后將false代替true，但是它不起作用。

 function FillTextbox(f) { if (f.checkbox2.checked == true) { f.Txtbox_PA.value = f.Txtbox_Address1.value; f.TxtPA2.value = f.Txt_Physical2.value; f.TxtPA3.value = f.Txt_Physical3.value; f.TxtPA4.value = f.Txt_Physical4.value; f.TxtPA5.value = f.Txt_Physical5.value; } } 

 <form action="/action_page.php"> <label>Physical Address:</label> <input type="text" name="Txtbox_Address1"><br> <input type="text" name="Txt_Physical2"><br> <input type="text" name="Txt_Physical3"><br> <input type="text" name="Txt_Physical4"><br> <input type="text" name="Txt_Physical5"><br> <em><b>(Check this box if Postal Address and Physical Address are the same.)</b></em> <input type="checkbox" name="checkbox2" onclick="FillTextbox(this.form)" aria-checked="undefined" /> <label>Postal Address:</label> <input type="text" name="Txtbox_PA"><br> <input type="text" name="TxtPA2"><br> <input type="text" name="TxtPA3"><br> <input type="text" name="TxtPA4"><br> <input type="text" name="TxtPA5"><br> </form> 

Answer 1

三元的效果很好

 function FillTextbox(f) { var checked = f.checkbox2.checked; f.Txtbox_PA.value = checked ? f.Txtbox_Address1.value : ""; f.TxtPA2.value = checked ? f.Txt_Physical2.value : ""; f.TxtPA3.value = checked ? f.Txt_Physical3.value : ""; f.TxtPA4.value = checked ? f.Txt_Physical4.value : ""; f.TxtPA5.value = checked ? f.Txt_Physical5.value : ""; } 

 <form action="/action_page.php"> <label>Physical Address:</label><br/> <input type="text" name="Txtbox_Address1"><br> <input type="text" name="Txt_Physical2"><br> <input type="text" name="Txt_Physical3"><br> <input type="text" name="Txt_Physical4"><br> <input type="text" name="Txt_Physical5"><br> <input type="checkbox" name="checkbox2" onclick="FillTextbox(this.form)" aria-checked="undefined" /><em><b>(Check this box if Postal Address and Physical Address are the same.)</b></em> <br/> <label>Postal Address:</label><br/> <input type="text" name="Txtbox_PA"><br> <input type="text" name="TxtPA2"><br> <input type="text" name="TxtPA3"><br> <input type="text" name="TxtPA4"><br> <input type="text" name="TxtPA5"><br> </form>