<!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
いいえ、この場合でもチェックボックスのハックは役に立ちません。そして結局のところ、なぜあなたはそれをやりますか?これは正確な理由(ページの対話性)なぜJavaScriptが発明されているのですか? – sinisake