上點擊單選按鈕更改選擇值僅HTML CSS

<!DOCTYPE html> 
<html> 
<body> 
    <form action="" id="carform" name="radioForm"> 
     <input type="radio" name="fname" id="Volvo:" value="volvo"> 
     <label for="Volvo:">Volvo:</label> 
     <input type="radio" name="fname" id="Saab:" value="saab"> 
     <label for="Saab:">Saab:</label> 
     <input type="radio" name="fname" id="Opel:" value="opel"> 
     <label for="Opel:">Opel:</label> 
     <input type="radio" name="fname" id="Audi:" value="audi"> 
     <label for="Audi:">Audi:</label> 
     <br/> 
     <select form="carform" id="select"> 
      <option name="fname" value="volvo">Volvo</option> 
      <option name="fname" value="saab">Saab</option> 
      <option name="fname" value="opel">Opel</option> 
      <option name="fname" value="audi">Audi</option> 
     </select> 
     <br><br> 
     <input type="submit" /> 
    </form> 
<script> 
var rad = document.radioForm.fname; 
var prev = null; 
for(var i = 0; i < rad.length; i++) { 
    rad[i].onclick = function() { 
     if(this !== prev) { 
      prev = this; 
     } 
     console.log(this.value); 
     document.getElementById('select').value=this.value; 
    }; 
} 
</script> 
</body> 
</html>

每當我點擊radio button輸入類型，選擇值是變化的，這個我已經使用JavaScript來完成。任何人都可以幫助我做同樣的事情沒有JavaScript，jQuery和所有？只能使用HTML，CSS。上點擊單選按鈕更改選擇值僅HTML CSS

來源

2016-12-30 D V Yogesh

不，即使複選框破解在這種情況下也無濟於事。畢竟，你爲什麼要這樣做？這是確切的原因（頁面交互性），爲什麼JavaScript是發明.... – sinisake

不可能使用HTML和CSS。 HTML是一種標記語言，CSS是HTML的樣式。他們不提供任何事件基礎編程。你需要使用jQuery/JavaScript進行事件編程。

來源

2016-12-30 09:44:08 Ahmar

標記語言確定，但每當我點擊標籤標籤單選按鈕選擇，相同的東西，每當我點擊單選按鈕選擇輸入必須改變 –

這用'for'屬性完成並且對所有表單都有共同的需求。 – Ahmar

我們可以通過使用ID和輸入名稱來做到這一點，我試圖如果我找到答案我會更新 –

您只能使用JavaScript無法使用Html。對虛擬DOM使用反應。或者你可以簡單地通過使用簡單的JS或jQuery來做到這一點。

來源

2016-12-30 09:48:18

標記語言確定，但每當我點擊標籤標記它的單選按鈕正在選擇，相同的東西，每當我點擊收音機按鈕選擇輸入必須改變 –

兄弟虛擬DOM是ReactJs的概念，因爲名字暗示它是一個js自由，。您需要理解一個基本概念，即Html是靜態語言，它只運行一次並將事件附加到Dom對象在運行時它不能改變它自己，你必須從現在正在做的一些js庫或JS本身獲得幫助。 –

我們可以通過使用ID和輸入名稱來做到這一點，我試圖如果我找到答案我會更新 –

上點擊單選按鈕更改選擇值僅HTML CSS

回答

相關問題