我如何使用道具。 僅應用於單擊的元素？

Question

我正在創建付款表格，用戶可以選擇其中的一部分，以選擇信用卡或貝寶。 我的顯示功能有問題。 我應該為每個元素創建一個新功能嗎？ 這就是我所擁有的：

    <p>Billing Infomation</p>
    First Name: <input name="Billing_F_name" type="text" size="15" 
    value="Enter First Name"/> &nbsp;Last Name: <input name="Billing_L_name" 
    type="text" size="20" value="Enter Last Name"/><br />

    Method of Payment:<br /> 
    Credit Card <input name="payment" id="p1" type="radio" onclick="javascript: 
     payment()"/><br />

    Paypal <input name="payment" id="p4" type="radio" 
    onclick="javascript:payment()"/><br />
<script language="javascript" >
    function payment(click)
{
    if(document.getElementById("p1"){
  $('input:radio[name="payment1"][value="P_1"]').prop('checked=checked', true);

  document.write('<? $P_Method = 'P_1'; ?>');
   }

  else if(document.getElementsById("p4")){
  $('input:radio[name="payment4"][value="P_4"]').prop('checked=checked', true);}
  document.write('<? $P_Method = 'P_4'; ?>');
}
    </script>

順便說一句，僅供參考。 正在設置的PHP設置變量轉到php切換方法，顯示它們各自的元素，此元素目前可以正常運行。

Answer 1

將clicked元素傳遞給處理程序並使用它。

javascript:payment(this)

..

function payment(el) {
    $(el).doSomething()
}

Answer 2

在PHP中執行，您需要使用AJAX

<script language="javascript">
 function payment(dd)
{

if(dd.id=="p1") 
  document.write("<? $P_Method = 'P_1'; ?>");

else if(dd.id=="p4")
 document.write("<? $P_Method = 'P_4'; ?>");

}
</script>
<p>Billing Infomation</p>
First Name: <input name="Billing_F_name" size="15" value="Enter First Name" type="text"> 
&nbsp;Last Name: 
<input name="Billing_L_name" size="20" value="Enter Last Name" type="text"><br>

Method of Payment:<br> 
Credit Card <input name="payment" id="p1" onclick="payment(this)" type="radio"><br>

Paypal <input name="payment" id="p4" onclick="payment(this)" type="radio"><br>