以兩種形式使用一個控件的最佳方式

Question

我試圖創建一個頁面，用戶選擇他們想要購買的訂閱類型，然後輸入他們的信用卡信息或點擊「Pay with PayPal」按鈕。

到目前爲止，我認爲做到這一點的最佳方式是讓用戶選擇訂閱類型，然後並排放置兩個表單（他們將在CC信息中輸入的一個表單另一個只有一個大的PayPal按鈕）。我達成了這個決定，以便在一種形式中，我可以發送一個?paymentType=CreditCard查詢字符串參數，而在另一個形式中，我可以發送?paymentType=Paypal。這使我無需檢查buttonText ==「Next」處理爲CC，否則重定向到PayPal。

但是，看到作爲訂閱控制不是或窗體的一部分，我無法訪問已選擇的類型，但沒有以兩種形式（不提供最佳用戶體驗）複製控件。

有沒有更好的方法來做到這一點？

Answer 1

爲什麼你需要兩種形式？我肯定會用一種形式去。因爲即使你有兩種形式，他們仍然會做同樣的事情。訂閱。

你可以有兩個單選按鈕，這樣

<input id="radiobtn-paypal" name="PaymentType" type="radio" value="PayPal" /> 
<label for="radiobtn-paypal">PayPal</label> 
<input id="radiobtn-cc" name="PaymentType" type="radio" value="CC" /> 
<label for="radiobtn-cc">Credit Card</label> 

根據選擇的不同，顯示信用卡文本框或沒有。然後處理信用卡，或者根據用戶的選擇來執行操作上的PayPal選擇。所有這些都是html輸入控件的用途。