我怎麼知道哪個單選按鈕是在文件選擇HTML，嫩枝

Question

我有我的代碼HTML 4個單選按鈕：

<input id="spa-price" name="price" class="w3-radio" value="Spare {{ price.getSparePrice }}" type="radio"> 
<input id="spa-price" name="price" class="w3-radio" value="Repair {{ price.getRepairPrice }}" type="radio"> 
<input id="spa-price" name="price" class="w3-radio" value="Test {{ price.getTestPrice }}" type="radio"> 
<input id="spa-price" name="price" class="w3-radio" value="Std-Exchange {{ price.getExchangePrice }}" type="radio"> 

在後，我要輸出的隱藏字段與選定的值單選按鈕，如：

<input type="hidden" name="lt" value="{{ price.getLt }}"> 

我目前的代碼：

{% if $_POST['price'] == 'Spare' %} 
<input type="hidden" name="lt" value="{{ price.getLt }}"> 

{% elseif $_POST['price'] == 'Repair' %} 
<input type="hidden" name="lt" value="{{ 10 }}"> 

{% elseif $_POST['price'] == 'Test' %} 
<input type="hidden" name="lt" value="{{ 10 }}"> 

{% else $_POST['price'] == 'Exchange' %} 
<input type="hidden" name="lt" value="{{ price.getLt }}"> 

目前，這是行不通的。

我的錯誤是什麼？謝謝。

Answer 1

首先，你已經給每個複選框，你做了相同的id這是不好的做法。在HTML中，每個id應該有一個唯一的名稱。我建議你對名稱也一樣。但是現在是可選

因此改變你id's此：

<input id="spare-price" name="price" class="w3-radio" value="Spare {{ price.getSparePrice }}" type="radio"> 
<input id="repair-price" name="price" class="w3-radio" value="Repair {{ price.getRepairPrice }}" type="radio"> 
<input id="test-price" name="price" class="w3-radio" value="Test {{ price.getTestPrice }}" type="radio"> 
<input id="exchange-price" name="price" class="w3-radio" value="Std-Exchange {{ price.getExchangePrice }}" type="radio"> 

您可以使用JavaScript來檢查，如果複選框被選中

{% block javascripts%} 
    <script> 
     function validate(){ 
      var spare= document.getElementById('spare-price'); 
      if (spare.checked){ 
      alert("checked") ; 
      }else{ 
      alert("You didn't check spare-price! Let me check it for you.") 
      } 
     } 
    </script> 
    {% endblock %} 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.