上点击单选按钮更改选择值仅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

回答

相关问题