при щелчке переключателя переключателя выберите значение только 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

Нет, даже checkbox hack в этом случае не поможет. И в конце концов, ПОЧЕМУ вы это сделаете? Это точная причина (интерактивность страницы), почему изобретают javascript .... – sinisake

Невозможно использовать HTML и CSS. HTML - это язык разметки, а CSS - стиль HTML. Они не предоставляют ничего для программирования на основе событий. Вам нужно использовать jquery/javascript для программирования базы событий.

источник

2016-12-30 09:44:08 Ahmar

язык разметки в порядке, но всякий раз, когда я нажимаю на метку, которую выбирает радиокнопка, samething всякий раз, когда я нажимаю на кнопку выбора переключателя, нужно изменить –

Это сделано с атрибутом 'for' и его общей потребностью для всех форм. – Ahmar

мы можем сделать это, используя имена идентификаторов и ввода, то же самое, что я пытаюсь, если я найду ответ, я обновлю –

Вы можете сделать это только с помощью javascript с Html. используйте реакцию для виртуальной DOM. Или вы можете сделать это, просто используя JS или JQuery.

источник

2016-12-30 09:48:18

язык разметки ok, но всякий раз, когда я нажимаю на тег метки, который его радиокнопка выбирает, cheething всякий раз, когда я нажимаю на радио кнопка выбора ввода должна быть изменена –

Brother Virtual DOM - это концепция ReactJs, так как название предполагает, что это js liberary,. Вам нужно учесть одну базовую концепцию, то есть Html - статический laguage, который он запускает только один раз и присоединяет события к объекту Dom ,., он не может изменить его сам во время выполнения,. вы должны принять помощь от какой-либо библиотеки js или собственно JS, как вы делаете прямо сейчас. –

при щелчке переключателя переключателя выберите значение только html css

ответ

Смежные вопросы