ラジオボタンのクリックボックス

Question

select divが緑色になり、緑色の区域のどこかをクリックすると、radio buttonもクリック/選択する必要があります。

.select { 
 
color: black; 
 
background-color: blue 
 
} 
 

 
.select:hover { 
 
background-color: green; 
 
}

<div class="select"><input type="radio" class='click' value="1,000,000" /> 1,000,000</div>

Answer 1

あなたはJavaScriptでそれを達成することができます

document.getElementsByClassName("select")[0].onclick = function(){ 
    document.getElementsByClassName("click")[0].setAttribute("checked", ""); 
} 

をデモ：

document.getElementsByClassName("select")[0].onclick = function(){ 
 
    document.getElementsByClassName("click")[0].setAttribute("checked", ""); 
 
}

.select { 
 
    color: black; 
 
    background-color: blue 
 
} 
 

 
.select:hover { 
 
    background-color: green; 
 
}

<div class="select"> 
 
    <input type="radio" class='click' value="1,000,000" /> 1,000,000 
 
</div>

代わりにdiv要素の3210

Answer 2

使用ラベル

<label class="select"><input type="radio" class='click' value="1,000,000" /> 1,000,000</label>