色をラジオボタンで選択
エレメントでボタンを押すと色を変えるJavaScriptです。
検索をしながら ボタンで一度変えることはできるようになりましたが
<script type="text/javascript">
function effect() {
var element = document.getElementById("sample");
element.style.color = '#000000';
}
</script>
<button onclick="effect()">チェンジ</button>
<span id="sample">■□□■</span>
ラジオボタンで選択するようにしたいのですが
どのようにすればよいでしょうか？
うまくいく方法を教えてください。
ブラウザーはGoogle Chrome最新版です。
どうしてもできなければ Firefoxでもかまいません。
<script type="text/javascript">
function effect() {
var element = document.getElementById("sample");
element.style.color = '#000000';
}
</script>
<input type=radio name="colorcode" value="#000000" checked>黒
<input type=radio name="colorcode" value="#ff0000">赤
<input type=radio name="colorcode" value="#00ff00">緑
<span id="sample">■□□■</span>
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
